Add Featured Auto Content Slider to Blogger



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.

8 commentaires:

jobs!jobs!jobs! on April 30, 2011 at 7:18 PM said... [Reply]

If You Really Hate Your Job ! Read It
A 'same day surgery' unit usually consists of a combination of pre-op and post-op recovery. Those working here, such as nurses and surgeons, possess strong medical skills, as they are required to.....READ MORE

Anonymous said... [Reply]

tnx

Sarah on May 3, 2011 at 1:45 PM said... [Reply]

hi i'am using most of your tricks from your post.. thanks so much for great post.

ReMs on May 4, 2011 at 1:44 AM said... [Reply]

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

all4Blogs on May 4, 2011 at 4:57 AM said... [Reply]

@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;

Megat Ikhwan Megat Khas on June 24, 2011 at 8:45 PM said... [Reply]

nice~ thanks~

Nissan dealers Canada on October 22, 2011 at 9:30 AM said... [Reply]

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,

Anonymous said... [Reply]

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

 

Sponsors

Protected by Copyscape Web Copyright Protection

All For Blogs. Copyright 2011 All Rights Reserved powered by Revolution Church Theme hosted on Blogger