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 .
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/AVvXsEg8GvvAmG_O0xmaGpk_lfFedddgYElXm75jisy2rJUIWFm_7M1GZMUl_B9Km13dMjyrc_eZwme6krxVWO_0fsBFZQKRV3uAshWNGezDN4BgGVsbL5Pyw5kkcB8DN-ZIPdJYUUZ9BHjhyDwO/" alt=""/>YOUR-FEATURED-POST-1-SMALL-DESCRIPTION-HERE [...]
YOUR-POST-2-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6NzIaOcaMyt9Xm1f8-wKTjfBC6QjJw-IPAginY2MckeC006gVnrgRufrzmORx4hdkCMY1w7n5uksYRCQNJX1ugZN1MMpyYIpvjK3kJYgE1Hj72n3v5s1ctw3933rjGuegAl3rVydLlgvo/" alt=""/>YOUR-FEATURED-POST-2-SMALL-DESCRIPTION-HERE [...]
YOUR-POST-3-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW65hELBFKaz4hPXv_ukpAJlNZeSWLkHG53T_IccwPAH2mHegt-quQM4Qztt5t_Aoa_jJMXbCwUISHHD6team4Wc7-_8RdCznXqi19omCrdjN5IHoaF-eX7YeRkKjjnmzpHs9K6tJsPW6G/" alt=""/>YOUR-FEATURED-POST-3-SMALL-DESCRIPTION-HERE [...]
YOUR-POST-4-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ZpXiaf-SApfk-PZOoVxw0casiO69ubD4gPqCLmMHnzoE4VDMdQQhjhRCfjw6EastVttdrFPfCDasTXZzJSebZVGnObI9O4qdDw6inQIwhfzgkkUSfZrsQYjwk81WYA0BwpkjyN07Ezvm/" alt=""/>YOUR-FEATURED-POST-4-SMALL-DESCRIPTION-HERE [...]
YOUR-POST-5-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi44WmnTwaJfnO55rQmovRlGVAc45cx_KZmb6tb3SgXuqU9zhhg1mxTZTL-8IaqevGH3q60gZFwq1qM5E8EzsPNj_qV52JjAPONHVxUsrSTMqaurfiB4AY5OFD4MPvczeBEF4jfv_cw8aXa/" alt=""/>YOUR-FEATURED-POST-5-SMALL-DESCRIPTION-HERE [...]
YOUR-POST-6-LINK-HERE">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBudDx9sI6xboQv952YZo4-7zxvkYUe1C4pKIcJ_N_2jWNsoYXTk63CLr085VOI-TpmtIUUTiZnhcM2AZOwrrx9AVWqu2_5lTt-ttqdN7imyF1VmeYy2eP1jlVf23iOAuobUvv_qW1RrT4/" 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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
Now save your template and you are done.Don't forget to leave a comment,if you have any problem.
0 comments:
Post a Comment