Tricks To Disaply Widgets In Homepage Only

My previous article, display specific widget on specific page gets positive response from readers. It enables user to work more with sidebar widget by displaying widget on different pages like item page, home page, static page etc. But today's tutorial relates to homepage widget only means this tutorial will explain you to manage widget on homepage only. By this tutorial you can hide or show widgets in homepage means if you are interested to show popular post widget or any other widget like this in homepage only then you can easily do it. So lets see how this tricks will works.

How To Display Specific Widget On Homepage

Before going through this tutorial, you should be familiar with different type of page type. Take a quick review of different page type in blogger from here.

How To Display Popular Post Widget In Homepage Only

1. In blogger dashboard, Go to Design /  Edit HTML.
2. Click "Expand Widget Template".
3. Download full template before making any changes in it ( more).
4. Search Popular Posts in blogger template, then

Note:

In some cases you may find difficulty in finding Popular Posts in blogger template as it is user defined name. It may be different for your template but you can easily get it. It is a title of Popular Post widget and can be obtained on homepage. The following figure will illustrate it.    

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>




 <!--Some HTML Code Here -->




</b:includable>
</b:widget>

5. Add the red code which is given below in above code.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>



 <!--Some HTML Code Here -->



</b:if>
</b:includable>
</b:widget>

In same way you can hide or show more widget in homepage.

How To Display Blog Archive In Homepage Only

1. Search Blog Archive in blogger template, and then get the following code.

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>



<!--Some HTML Code Here-->



</b:includable>
</b:widget>

1. Add the red code which is given below in above code.

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!--Some HTML Code Here-->


</b:if>
</b:includable>
</b:widget>

More Article From The Same Author

• Customize Blogger Template With Google Button
• Monitor Website Uptime With Google Docs