Blogger Lessons: How To Add Featured Auto Content Slider to Blogger

This tutorial will explain to you how to create a auto featured content slider for your blogger blog or website.I found this content slider from Florance wordpress theme(Created by Web2feel.com) and I think, 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.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see tag .

3.Copy below code and paste it just before the tag .

Note : Host trans.png yourself.

4.Now go to Layout-->Page Element and click on "Add a gadget".

5.Select "html/java script" and add the code given below and click save.












YOUR-POST-1-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5GsJMb6rAfvHg00Uk_EdaiqmdREoZIYQ0UiCJF-bF7a3z0yaQLI8BJaQZzYQvgUy2sGZo5AZlxJfok6lA24J_MndK-mlOiHdFuY9EmiTu4oeRkJl9mX-qUgNrjgKwFjICsnUIzNgocBK/" alt=""/>


YOUR-FEATURED-POST-1-SMALL-DESCRIPTION-HERE [...] 










YOUR-POST-2-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwt_OQ2139t8bD4kIkUDHcAQEz93369cI5sUReMnYQkCNUExqcEslxH2OXvN12e3G-hKWZ_KAYVqyK1m-UlSjXGwq3VXWrj9y3wwfuJqGnSLih3DVronfOZuu8IdtoDOjHUULi6sD7Y81Z/" alt=""/>


YOUR-FEATURED-POST-2-SMALL-DESCRIPTION-HERE [...] 










YOUR-POST-3-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w8D7alPLZX01_ZjxcArxqOlBT8iMzZsiqtr69hC95eJEX6Dlq5-o3m-mc7-9pIjIdoJr2bdUyjYY3nhjyJrxIiS6mHgsIZSxBWyz6rHQ5X1Bi8E2KmaVjt-5Ey0xPtI5gskHMh5dNPEg/" alt=""/>


YOUR-FEATURED-POST-3-SMALL-DESCRIPTION-HERE [...] 










YOUR-POST-4-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5NSeWWzgJshZ0Mfhd8chrS-SFW1e0igoCb-IzzSXXJ6wpdQmdKimmcvkMBYMLG7QarwFZ3w6b1ixKEM7r9CuX23clYiKeTymSbEynjNidxzbrZaJtFb-L9HocQWLgdRscWlpC9FfYSIb1/" alt=""/>


YOUR-FEATURED-POST-4-SMALL-DESCRIPTION-HERE [...] 










YOUR-POST-5-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIr7N8kFAeMU9Eos9VzH1XCNINA64Ucpwk_JspsNB30NNuJVV2aQaCVrM9TRAxImcgilUdoJCSDLyrI0hITCtsDEc_-lJfXOxiQJKf-nBbVlE7j2d4BXQjO_4ICUPnKpV3ucxY2-iLYRL0/" alt=""/>


YOUR-FEATURED-POST-5-SMALL-DESCRIPTION-HERE [...] 










YOUR-POST-6-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLNFy1UJrwgi1vnxkgOeEv1R6xAVX8wiJS-b2zEjhyphenhyphenw1SGt-pqu2FTurb2t4fEcfD-dxUgkSHBwS0M4D74mc_Bthua79-WRpqbWXHgOmS2E4q2gmQ6ROb1kNOKwS4Kkm65SMl-YfnNH4GM/" alt=""/>


YOUR-FEATURED-POST-6-SMALL-DESCRIPTION-HERE [...]

Note : Replace YOUR-POST-x-LINK-HERE, YOUR-FEATURED-POST-X-SMALL-DESCRIPTION-HERE [...] and Images Links with your content.

Look at the example below:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem [...]