Friday 6 January 2012

Add Blogger Widget to appear only on Post or Article Pages

At first when you look at Blogger Dashboard, you may feel that there is nothing much room to customize your template, but actually there is unlimited opportunity to customize your blog to your exact specifications.As part of our Blogger Tricks, today I will teach you How to Add Blogger Widget to appear only on Post or Article Pages.
This means that you will the widget only in your Post Pages and not in your Home Page or Index or Static Pages or even in the Label Pages.

Now for this tutorial, you will first need to know how a Blogger Widget Code Looks Like -

<b:widget id='FollowByEmail1' locked='false' title='Get Articles by Mail Free' type='FollowByEmail'>
<b:includable id='main'>

The Widget Code Comes Here


</b:includable>
</b:widget>
What is shown above is the Basic Widget Code Type. Now go to Edit Html tab of your Design Tab and check the box which says "Expand Widgets"

Widget only on Post Pages


Now find the Widget Code you want, that is the widget which you want only on the Post Pages.This can be done by searching for the name of the widget, Press Control+F5 and enter the name of the widget, you will reach the Widget.

Now Immediately after this code - <b:includable id='main'>  Enter the Following code -
<b:if cond='data:blog.pageType == "item"'>

Now for the final Step, Enter this part of code just before </b:includable>


</b:if>
The Final Code Should Look Like this

<b:widget id='FollowByEmail1' locked='false' title='Get Articles by Mail Free' type='FollowByEmail'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

The Widget Code Comes Here


</b:if>
</b:includable>
</b:widget>
Now you are done, you should see that particular widget only on the Post Pages! Make sure you give this post a link back from your Blog.

Recommended Reading for Bloggers -
Gautham On Google+

Get free daily email updates!

Follow us!





1 comments:

Post a Comment

This is a PR 4 Do-Follow Blog, so please give us valuable feedback and not Spam!

Meet the Author

Gautham A S

Gautham A S is a personal tech columnist and blogging expert at TechGau.Org, one of the leading Tech, How-To and Blogging Tips blogs