How to remove featured posts slider from blogger template Iconic One?

WordPress as a blogging platform is popular among bloggers just because it has larger number of good themes. Bloggers at blogspot are often feeling jealous and at times to attempt using one of their themes.
    

But blogspot users cannot directly download and use WordPress themes in their blogs. There is compatibility issues. Therefore, here comes blogger templates adapted from WordPress themes. 

               
Read: 30 websites that provide free wonderful third party blogger templates
          

I don't know if you have come across wonderful WordPress Iconic One developed by Themonic. This theme is free in self hosted WordPress blogs. But we cannot use in blogspot. 

But Bloggertheme9 has come up with a blogger template adapted from this theme. The features and appearances are same. Moreover, they have made in two-premium version and free version. You can purchase premium template or download its free version from here.

The cost of premium Iconic template is just USD 20. And one can customize the credit statement links in footer. But in free version, those links cannot be removed. 
              
Read: Questions to be asked during purchase of a premium blogger template

     

I have purchased the premium version recently and I am still doing necessary customization to suit my blog. The first customization I made is removal of image slider below navigation menu. 

This removal can be done even in its free version. Let me take through steps in removing it.
                            
Read: How to upload or change third blogger templates in blogger?

                      

Login to your blog>Template>Edit HTML>Find the given piece of HTML embedded inside your template:
  

<div class='accordian'>

<ul>

<!-- Customize Featured post area -->

<li><div class='belt'><a href='#'>Beast Cars</a></div>

<a href='#'><img src='http://2.bp.blogspot.com/-ZLFw4u5ThF0/VChbuOzUeUI/AAAAAAAADBE/0RDQFQ0fQU4/s1600/ferari%2B700%2Bx%2B300.jpg'/></a>

</li>

<li><div class='belt'><a href='#'>Photography</a></div>

<a href='#'><img src='http://4.bp.blogspot.com/-mCRxofWGJgA/VChbtQXmC_I/AAAAAAAADBA/niy-eloZNjc/s1600/dianasor%2B700%2Bx%2B300.jpg'/></a>

</li>

<li><div class='belt'><a href='#'>Entertainment</a></div>

<a href='#'><img src='http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg'/></a>

</li>

<li><div class='belt'><a href='#'>3D Cartoons</a></div>

<a href='#'><img src='http://thecodeplayer.com/uploads/media/40Ly3VB.jpg'/></a>

</li>

</ul>

</div>

Once you have located above HTML, select it and the delete it. Once it's being removed, Click on Save Template. You're done. Click on View Blog and see if it's being removed.