This post is for Blogger.com users. Ever wanted to post some home page only content on your blog? What about a home page only widget or text link on sidebar? Or an advertisement displayed only to the home page traffic? By default, there is no option to do that on Blogger or Blogspot blogs. But, you can easily achieve that on your Blogger powered blogs by adding two simple lines of codes to your blog template. Let me show you how.
How to add blogger homepage only links or widgets/gadgets?
1. First add a new widget to you blog sidebar or any other widgetized location. To do that, sign in to your Blogger account, go to your blog Dashboard and click the “Layout” tab. Then, click “Add a Gadget” on your desired location and choose the type of gadget you want. Save the changes and remember the widget type and title.
2. So, your widget/gadget is in and it will appear on every page of your blog. Now, you need make it appear only on home page. Go to “Edit HTML” section under the “Layout” tab and click the “Expand Widget Templates” check box.
3. Now, you need to find the code for your widget. Note that all widget codes starts with same characters. Hit the “Ctrl” key and the letter “F” key at the same time. A pop-up window (Internet Explorer) or a bottom bar (Firefox) a will appear. Enter the following code in the find field.
<b:widget id=
4. Code lines which starts with <b:widget id= will be now highlighted. This is the first widget code. Use the “next” or “find next” button near your find form to locate the specific widget code. As you know the type and title of your widget, you can easily spot it inside your template codes.
Some examples of widget/gadget codes:
For label widget:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
For HTML widget:
<b:widget id='HTML1' locked='false' title='Extras' type='HTML'>
For Link List:
<b:widget id='LinkList1' locked='false' title='My Links' type='LinkList'>
5. Now, let’s assume that you want to make the link list appear only on your blog home page. Locate the code for link list. Just below that specific line, you will see the following line:
<b:includable id='main'>
6. Got it? You need to add the following code just below that line:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
7. Now you have added an extra code to your template and you need to close it properly. Look some lines below and you will see </b:includable> which is the closing code for <b:includable id=’main’>. Add </b:if> before that line to close the code you have just added in step 6. Now your code must look like this.
</b:if>
</b:includable>
That’s it. Now you can save your template. Before saving, you may look at the following screenshot. Your template code looks similar? If yes, you can now save your template. From now on the contents on your Link List will appear only on your blog home page.

By default, widget or gadget contents on Blogger blogs are displayed in every page of the blog including home page and archives. There is no harm in keeping your sidebar content as it is. But, if you are making money online with your Blogger or Blogspot blog, the situation may be different. For example, you may want to display a text link or a banner ad only on the home page because you got paid for home page only. Why provide your advertisers some extra benefits with sitewide links or ads? Give them what they want and what they paid for! So, use this technique to show links or other Blogger widget/gadget content on homepage only and NOT sitewide!

Subscribe via RSS
Connect via Twitter



[...] more here: How to add Homepage Only Links/Content on Blogger? | Earn Blogger This entry is filed under Earn from Blog. You can follow any responses to this entry through [...]
That’s a nice tip. Thanks. It will help me put some home page links on my blog. Please check my blog and give some suggestions. It is new!
even i think its no needed. But it really useful info. Thanks for sharing with us.
Thanks for your help, I appreciate!
That’s a great tip. I never really knew how to use that includable stuff. I would like to know how to keep the same page as a homepage with out later posts pushing it back Thanks!
but this code does not show on my edit html page how can i fix this problem
Did you checked the “Expand Widget Templates” box? Or you may need to look for a similar line. Try once or mail me your template code. I will try to find a solution! Thanks.
your codes work perfect on my sister’s website at http://www.9s-look.blogspot.com . It is so useful as I want the music play on homepage only, because the music is auto play, if the visitor don’t like the music, then the visitor need to pause the music on every pages. With your codes, the visitor need to pause the music on home page only. Thank you!
Can you teach me how to make the sidebar appear on all page without refresh even the page is refresh? because i want the music play continuously when the visitor click on the link to go other page. Do I need Ajax? Any easy way to do that?
This is a great tip and your instructions were so easy to understand. Thank you so much!