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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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 -->
Hopefully you'll find this post helpful. Thanks!
i don't want to remove it, but i just want to change my slides. how to change it.?
ReplyDeleteSorry 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:
Delete1. 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.
http://beingengr.blogspot.com/
ReplyDeletecheck it please
Thank you very much I have benefited so much I hope that progress is always better
ReplyDeletethanks
ReplyDeleteNice 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!
ReplyDeletethanks
ReplyDeleteThanks I will apply this. Please check http://www.techbadoo.com
ReplyDeleteThank you so much man.. This post is of a great help to me.
ReplyDeleteI'm glad this tutorial helped you. Let me know if you have any query to ask :)
Deletethanks it worked
ReplyDelete