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.
slider only on homepage

Comments


slider only on homepage

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.
Does It Help? Let me know in comments.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

4 comments

 
© 2013- Image Slider For Blogger
Created & Maintained by Shuvojit Das
Powered by blogger.com
Privacy Policy | Contact Me
Back to top