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.

Post a comment

0 Comments