How to remove content slider from Blogger ? Tutorial with Photo

By Bappa Debnath

All the latest templates coming up with content slider widget these days , but sometimes it is very annoying as it may take more time to load  & lower site loading speed .  I have also noticed that the content slider does not work if widget like floating Facebook like box or social share widget is added in the blog .Then the content slider does  not appear any content but shows covering a white space .That's very disappointing  . It is very easy to remove the content slider from blogger . If you want to add floating Facebook like box widget or social sharing widget in your blog then you should  avoid content slider . Follow my tutorial to remove content slider from your blog :

1 ) Go to Blogger.com

2) Click on Template

3) Click on Edit HMTL ( I recommend you to backup your template before following this tutorial )

4 ) Now Find  SLIDER in your template by pressing Ctrl + F

Find the content slider code which will look like this one :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='flex-container'>
<div class='flexslider' id='slider'>
<ul class='slides'>

<li data-thumb='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAc33il0hR6_MCVD35OnYFc6K9nv58rrUlW1xyS6rht9L5l9VG66uprkhWEmxkSBNnX6y3XgkDUYc5ZsV2OkP6gWqXO2LMTWjTtlwrEsYIW1c9VIu6pjd_-O-nTyG9A2n7kabQ0hdC5jk/s1600/q3.jpg'>
<a href='http://bappadebnathbpd.blogspot.com'>
<img alt='chinese-sticks-lime-lemon-green-600x800' class='attachment-slider wp-post-image' height='320' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAc33il0hR6_MCVD35OnYFc6K9nv58rrUlW1xyS6rht9L5l9VG66uprkhWEmxkSBNnX6y3XgkDUYc5ZsV2OkP6gWqXO2LMTWjTtlwrEsYIW1c9VIu6pjd_-O-nTyG9A2n7kabQ0hdC5jk/s1600/q3.jpg' title='' width='660'/>
<div class='flex-caption'>
<h2 class='slidertitle'>SLIDER TITLE</h2>
<div class='slidertext'>DESCRIPTION</div>
</div>
</a>
</li>

<li data-thumb='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6aZWt7dLiZZIVJqaLyM8c32kxnvkX1uUuNzyZm_uiHIopQ41kPE9veV8y1_BdXlTo13BgTqswJ800b9cH1S2xbpGUm3iOVX9Th8TtMexCIuXjJ3gEe2Cw4iB_AAqrWitRNyCvp3OnbDc/s1600/pink-girl--485x728.jpg'>
<a href='http://bappadebnathbpd.blogspot.com'>
<img alt='Nina-Dobrev-Actress1-600x800' class='attachment-slider wp-post-image' height='320' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6aZWt7dLiZZIVJqaLyM8c32kxnvkX1uUuNzyZm_uiHIopQ41kPE9veV8y1_BdXlTo13BgTqswJ800b9cH1S2xbpGUm3iOVX9Th8TtMexCIuXjJ3gEe2Cw4iB_AAqrWitRNyCvp3OnbDc/s1600/pink-girl--485x728.jpg' title='' width='660'/>
<div class='flex-caption'>
<h2 class='slidertitle'>SLIDER TITLE</h2>
<div class='slidertext'>DESCRIPTION</div>
</div>
 </a>
</li>
</ul>
</div>
</div>
</b:if>

 5 ) Select the full code in your template & press Delete button in your keyboard .

See the Picture below :

 6) Now click on Save Template .

You are Done

I have used this method to remove the content slider from this blog . Leave your comment if it is helpful . Happy Blogging .

Disclaimer : If you have any issue regarding any article/photo/post feel free to contact us . We will try our best to fix the problem or remove the post .