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.
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.
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>
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.
No comments:
Post a Comment