Monday, March 4, 2013

How to Add or Remove Featured Article Slider in blogger themes?

7 comments
Most of us are using the blogger as platform to share your knowledge with others or earning some serious money with your knowledge. There are many in-build basic as well as modern templates in blogger but most often we use themes created by artists other than blogger. These artists make there themes more user friendly and stylish according to web 2.0. Many times in these themes we see a "Featured Article" name slider in the top most portion of posts section which specify the top most viewed post of your blog, but in some cases we don't want these slider in our blog and try to remove them. But as we all are not web designer and we don't know how to edit the HTML so these slider become a problem to us.



Step 1.
Go to your blogger account click on Template and Download your full template so as to make a backup. Then click on Edit Templates.

Step 2.
Start from the bottom n keep on looking the coding like this...


<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>



<div class='featuredposts clearfix'>

<div class='fp-slides'>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-1-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKKm6V10Vk_LI6GoapcgAE2qxdezoJ-lM1lQuPHsvPQaS_z52BO_wbbDJHrz4OR2I0GCVluaw39aQUbCTYeVvy3yE-4oQFaxIPRmPcnsg6TPrkd4FpWggyLBzH5qBkUDSqWp8M7E6Lxuo/s0/1.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-1-url-here'>This is default featured post 1 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.PageList1</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-2-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6bJfSfMrgKBH43th1QteRX7jC3MjjlLqj0ZHfgO-JoHrTvPZkGGSTphebDUpjpf7Jmf3QwSvHVNBF3TH7PINXzZ2KSBijegrxFGpKjg2d6h6wzxgKqHw3EdpTNPT4DNFNzgBh4zzZ8Vg/s0/2.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-2-url-here'>This is default featured post 2 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.PageList1</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-3-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1F28q0T2iBVaCfFnAEefEcUXa2OoS1jUZamkfD0ADUHwthOYYpXYZtonQFEaaCTXpSt6uKSyIFhcF4-RhzYKEOA8zvASB0LT0oj4xOg1tPj68KwMYgzrpyOAdmWdizALqtEc9k1Pr5mA/s0/3.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-3-url-here'>This is default featured post 3 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.PageList1</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-4-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtXe8l59UO-o_RB4gv9IaoD1FfISWM6-kkazEz53ph6irGBDwTdaOnYDZvNCTt1w_qDtgZ4xdGQ3mQ9AUbUj8Q3-u-P0QyyazJaX6EV-52QnMVEOczcs9h82SPLz96pKlemO78_M2oxc/s0/4.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-4-url-here'>This is default featured post 4 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.PageList1</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-5-url-here'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwZTBq4Xtnm6j6AGkj5_EfM7Wu4Rp1HYvwi8TJDY4OHdngo6K34960BvCsn3Oaaq7yDPRa7wwj88sAOmO6abGXt2TnWZSKHLVLaK0iA0cJu4q49uhS8iFMw7aaxUa93RYR23s_i0GDOUQ/s0/5.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-5-url-here'>This is default featured post 5 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.PageList1</p>
</div>

</div>


<div class='fp-nav clearfix'>
<span class='fp-pager'/>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>



</b:if></b:if>

<!-- Featured Content Slider End -->
Content Slider End --&amp;amp;gt;
Step 3.
Select all these coding(or similar to it) and just delete it or edit it to customize your slider. And if you remove it then your blog will look like this


Step 4.
First click on Preview to verify your editing and if you are totally satisfied click on Save Template.

7 comments:

Post a Comment

Followers

Blogumulus by Roy Tanck and Amanda Fazani
Free Blogger Tips, Hacks, Widgets, Templates and more