How To Make A Slider Appear Only On Homepage In Blogger

Many of you asked about "how to appear a slider only on homepage" in comments. I want to mention those comments here and say sorry to those guys for not answering your questions earlier. But here I am now with the solution.



Follow the steps below to make it appear only on homepage. 

(I presume that you’ve added the slider code in a widget/gadget. )
  1. Find your Slider Widget/Gadget ID (Gadget ID Finding Tutorial)
  2. Got to Template > Edit HTML
  3. Search in template for the Gadget ID you find out on Step 1Note: Click anywhere in the template code area and press CTRL+F to open the search box. Paste the ID And press Enter.
  4. You’ll find the Widget Code as shown below. Here HTML1 is our Widget ID
      <b:widget id='HTML1' locked='false' title='' type='HTML'>
        <b:includable id='main'>
            <!-- only display title if it's non-empty -->
            <b:if cond='data:title != &quot;&quot;'>
                <h2 class='title'><data:title/></h2>
            </b:if>
            <div class='widget-content'>
                <data:content/>
            </div>
            
            <b:include name='quickedit' />
        </b:includable>
      </b:widget>

  5. We have to add the conditional tag for the Widget Code to appear only on homepage. See below
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
        Widget Code Here 
    </b:if>

  6. So after you made the change it will looks like:
    <b:widget id='HTML1' locked='false' title='' type='HTML'>
        <b:includable id='main'>
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <!-- only display title if it's non-empty -->
                <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'><data:title/></h2>
                </b:if>
                <div class='widget-content'>
                    <data:content/>
                </div>
                
                <b:include name='quickedit' />
            </b:if>
        </b:includable>
    </b:widget>

  7. Now "Save Template" and you are done.