The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It's a very effective method to increase the web site usability and engage the user.
This tutorial will explain to you how to create a auto featured content slider for your blogger blog or website.
it will be useful to your blogger blog.Before adding this widget to your site look at the DEMO from here.
If you like to add this beautiful auto slider to your blog then follow steps below.
Login To Blogger Go To > layout > Edit HTML.
and mark the tick box "Expand Widget Templates"
Scroll down to where you see </head> tag .
Copy below code and paste it just before the </head> tag .
Download the code from here
Now go to Layout-->Page Element and click on "Add a gadget".
Select "html/java script" and add the code given below and click save.
Download the code from here
Note : Replace YOUR-POST-x-LINK-HERE, YOUR-FEATURED-POST-X-SMALL-DESCRIPTION-HERE [...] and Images Links with your content.
Now click Save and you are done.
7 commentaires:
tnx
hi i'am using most of your tricks from your post.. thanks so much for great post.
i need a help with this gadget, done everything and the slider works great, but i need help with the SIZE of the pics (they are stretched) and maybe how to make it look like the one you have in http://autocontentslider.blogspot.com/, adding a title and a description
thanks for the post
@ReMs
if you want to add a title and a description go to Layout-->Page Element and click on "Add a gadget".
Select "html/java script"
Replace YOUR-POST-x-LINK-, YOUR-FEATURED-POST-X-SMALL-DESCRIPTION-HERE [...] and Images Links with your content.
to resize the slider go layout > Edit HTML.
Scroll down to where you see
#slidearea{
and change this
height: 250px;
width:670px;
nice~ thanks~
Wow, Fantastic Blog, it’s so helpful to me, and your blog is very good,
I’ve learned a lot from your blog here, Keep on going, my friend, I will keep an eye on it,
Hey! I could have sworn I've been to this website before but after browsing through some of the post I realized it's new to me.
Nonetheless, I'm definitely delighted I found it and I'll be book-marking and checking back frequently!
Here is my web site ... diets that work fast
Also see my page - diets that work for women
Post a Comment