How to Show Blogger Widget Only In Home Page Or Post Pages of blogger,as you have seen in wordpress blog its your wish to what widget and what add you want to show in sidebar of that page but this service cant be used in blogger as all sidebar bar widgets are linked to all pages in blogger including home page but now you can select the option which sidebar widget you want to show in blogger homepage and which one in all other blogger post pages.
As one more beautiful hack how to show only post titles in blogger home and label pages has also been released,dont forget to red about it.
Lets follow on this tutorial i.e how to show blogger widget only in home page or blogger posts pages.
Add the widget in blogger layout where you want to display in blogger.Now you wnt to select on which pages of blogger it should be displayed.
Now go to "Edit HTML" page.
Mark "Expand Widget Templates"
And Search for
<b:widget id='HTML3' locked='false' title='Your Title name you gave to your widget' type='HTML'>
The number in red can be any like 1,2,3,4 it depends on your no of widget your are adding but the title to the widget you gave will be same.
So to make the widget code find easily for you find the below word
<b:widget id='HTML
and you will find many codes like these so keep on matchng the title name of widget of them to which you want to show on different pages.
After finding the code of widget you want to display on different pages add the red codes to them as i have shown below.
1) To display the any Blogger widget only in HomePage
<b:widget id='HTML5' locked='false' title='Widget Title Name' 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>
Add the red codes as shown above in codes whch you found for that particular widget in your blog html.
2) To display widget in all posts pages but not in HomePage
<b:widget id='HTML3' locked='false' title='Widget Title Name' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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>
3) To Display Widget In Archive Pages
<b:widget id='HTML3' locked='false' title='Widget Title Name' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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>
If you have any problem leave your comments.
Posted on : | By : Er. Ankita Dhiman | In : CSS, Java script, Widgets
One Response to "How Show Blogger Widget Only In Posts-Homepage-Archive Pages"
|
i want it on the home and some pages not all what can i do |
|
|
Thanks It worked for my site www.mynameis.in |
|
|
Thanks for this post, it has really helped me!! Please visit my sire http://rapidgadgets.com |
|
the widget goes away but it leaves the box where the widget should be