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. )- Find your Slider Widget/Gadget ID (Gadget ID Finding Tutorial)
- Got to Template > Edit HTML
- Search in template for the Gadget ID you find out on Step 1. Note: Click anywhere in the template code area and press CTRL+F to open the search box. Paste the ID And press Enter.
- 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit' />
</b:includable>
</b:widget> - 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> - 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 != ""'>
<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> - Now "Save Template" and you are done.