Remove Featured Article Slider from Blogger

Remove Featured Article Slider from Blogger


Most of us choose blogger as our blogging platform. The most common problem which every newbie face is the lack of templates (themes) provided by blogger that's why they look for custom templates designed by other artists.

These artists make their themes stylish & more user friendly. Many of them come with a Featured Article Slider which shows popular post of blogs. Look at our template, you will also see a Slider. Sometimes we don't want these sliders in our templates so we want to remove them from blogger template.

As many new bloggers does not know HTML so they find it difficult to remove. Today I will show you how you can remove these sliders from your blogger template.

  • First of all, Sign In to your Google Account.
  • Go to Blogger Dashboard.
  • Select Template
  • Now make a backup of your blogger template so that if something goes wrong, you can revert this. To do this, click on Backup / Restore and download Full Template.
  • Now click on Edit HTML.
  • Search for <!-- Featured Content Slider Started -->
  • The whole HTML code of Slider will look 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/AVvXsEjxJ6cJtcPz9dygGmN6OOJ6w4h9RqUjV2Qeg3ApIAHFsMph3HALbw7tXHedxZ-6sNqEz80N6tNqvQ7HClMNiiZpEqwN68Wwl8p3mChD85V6r7ItQztlC_sFsGA763syjUFVBe4ShlyyLr3Y/s640/Slow-PC.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.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-2-url-here'><img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TZU-ISue7pI/AAAAAAAACHE/zakZX97HZaA/s000/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.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-3-url-here'><img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TZU-IuAxxNI/AAAAAAAACHI/CHlno3md2Xc/s000/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.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-4-url-here'><img src='http://4.bp.blogspot.com/_5UzqrQjtYEQ/TZU-I8qr6_I/AAAAAAAACHM/gpu3TVwAYe8/s000/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.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-5-url-here'><img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TZU-JLt2wFI/AAAAAAAACHQ/tS-6b4ri3GI/s000/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.</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 -->
  • Select all these lines and delete them.
  • Now save the template.
  • That's it, now your template will look like this.

Remove Slider

Hopefully you'll find this post helpful. Thanks!

Comments

  1. i don't want to remove it, but i just want to change my slides. how to change it.?

    ReplyDelete
    Replies
    1. Sorry for the late response bro. I was much busy in my studies thats why not able to reply. Well if you want to change the slides then follow these steps:

      1. Find the slider widget code in HTML
      2. Look for the code named similar to as " <a href= " and enter the url of your image/post next to it.
      3. Save it.

      I hope you got it clear man.

      Delete
  2. http://beingengr.blogspot.com/

    check it please

    ReplyDelete
  3. Thank you very much I have benefited so much I hope that progress is always better

    ReplyDelete
  4. Nice tutorial on how to put a slider on blogger, I am search a nice slider for my Talk N Text Promo blog, and I found it!

    ReplyDelete
  5. Thanks I will apply this. Please check http://www.techbadoo.com

    ReplyDelete
  6. Thank you so much man.. This post is of a great help to me.

    ReplyDelete
    Replies
    1. I'm glad this tutorial helped you. Let me know if you have any query to ask :)

      Delete

Post a Comment

Popular Posts