{"id":214,"date":"2015-05-31T15:18:29","date_gmt":"2015-05-31T15:18:29","guid":{"rendered":"http:\/\/www.premiumbloggertemplates.com\/blog\/?p=214"},"modified":"2015-06-01T02:43:40","modified_gmt":"2015-06-01T02:43:40","slug":"how-to-configure-featured-content-slider","status":"publish","type":"post","link":"https:\/\/www.premiumbloggertemplates.com\/blog\/how-to-configure-featured-content-slider\/","title":{"rendered":"How To Configure Featured Content Slider"},"content":{"rendered":"

This tutorial is configuring for the slider you can see on many of my blogger themes.<\/p>\n

\"Configure<\/p>\n

To setup this featured image slider with your content you need to visit \"Edit HTML\" page of your blog.<\/p>\n

https:\/\/www.blogger.com\/blogger.g?blogID=YOUR_BLOG_ID#templatehtml<\/pre>\n
Find this line:<\/p>\n
<!-- Featured Content Slider Started --><\/pre>\n
There are 5 slides in the slider. Each slide code is wrapped by <div class='fp-slides-items'> and <\/div>. Look at the example code below. It is the first slide code of one of my theme:<\/p>\n
<!-- Slide 1 Code Start -->\r\n<div class='fp-slides-items'><\/span><\/strong>\r\n<div class='fp-thumbnail'>\r\n<a href='#<\/strong><\/span>'><img src='http:\/\/1.bp.blogspot.com\/-BVtVmHgtiqo\/VWkYK9E8H4I\/AAAAAAAANXg\/6bhrTsmzSi8\/s1600\/1.jpg<\/strong><\/span>'\/><\/a>\r\n<\/div>\r\n<div class='fp-content-wrap'>\r\n<div class='fp-content'>\r\n<h3 class='fp-title'>\r\n<a href='#<\/strong><\/span>'>This is default featured slide 1 title<\/strong><\/span><\/a>\r\n<\/h3>\r\n<p>\r\nGo to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.<\/span> \r\n<\/p>\r\n<\/div>\r\n<div class='fp-prev-next-wrap clearfix'>\r\n    <a class='fp-next' href='#fp-next'\/>\r\n    <a class='fp-prev' href='#fp-prev'\/>\r\n<\/div>\r\n<\/div>\r\n<\/div><\/strong><\/span>\r\n<!-- Slide 1 Code End --><\/pre>\n
Now replace,<\/p>\n
    \n
  • \"This is default featured slide 1 title<\/strong><\/span>\" with your featured post title.<\/li>\n
  • \"#<\/strong><\/span>\" with your featured post URL.<\/li>\n
  • \"Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.<\/span>\" with your slider description.<\/li>\n
  • \"http:\/\/1.bp.blogspot.com\/-BVtVmHgtiqo\/VWkYK9E8H4I\/AAAAAAAANXg\/6bhrTsmzSi8\/s1600\/1.jpg<\/strong><\/span>\" with your slider image.<\/li>\n<\/ul>\n
    Now we have configured the first slide. Final slide code will look like this:<\/p>\n
    <!-- Slide 1 Code Start -->\r\n<div class='fp-slides-items'>\r\n<div class='fp-thumbnail'>\r\n<a href='http:\/\/www.bloggertipandtrick.net\/best-free-wordpress-security-plugins\/<\/strong><\/span>'><img src='http:\/\/www.bloggertipandtrick.net\/wp-content\/uploads\/2015\/05\/iThemes-Security.jpg<\/strong><\/span>'\/><\/a>\r\n<\/div>\r\n<div class='fp-content-wrap'>\r\n<div class='fp-content'>\r\n<h3 class='fp-title'>\r\n<a href='http:\/\/www.bloggertipandtrick.net\/best-free-wordpress-security-plugins\/<\/strong><\/span>'>10+ Best Free WordPress Security Plugins<\/strong><\/span><\/a>\r\n<\/h3>\r\n<p>\r\nIf you are running your website on WordPress, securing your website as much as possible is an essential task. Here I have listed most popular and very good free WordPress security plugins for your website.<\/span>\r\n<\/p>\r\n<\/div>\r\n<div class='fp-prev-next-wrap clearfix'>\r\n    <a class='fp-next' href='#fp-next'\/>\r\n    <a class='fp-prev' href='#fp-prev'\/>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Slide 1 Code End --><\/pre>\n
    There are another 4 slide codes you have to configure like this.<\/p>\n","protected":false},"excerpt":{"rendered":"
    This tutorial is configuring for the slider you can see on many of my blogger themes. To setup this featured image slider with your content you need to visit “Edit HTML” page of your blog. https:\/\/www.blogger.com\/blogger.g?blogID=YOUR_BLOG_ID#templatehtml Find this line: <!– Featured Content Slider Started –> There are 5 slides in the slider. Each slide code […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-214","post","type-post","status-publish","format-standard","hentry","category-slider"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t