Pages

Monday, 6 August 2012

Blogger gadgets to appear on homepage or single post


Your Blogger blog is very slow to load? Usually the problem caused by excessive gadgets installed at your blog homepage. If you love your gadgets so much and don’t want to eliminate some of them, you can arrange it properly, either to show up on the homepage or on a single post.
Here are the quick steps:

Blogger gadget on a homepage
1.   You need to go to Design, click Edit HTML on your blogger dashboard, and tick Expand Widget template. Before you proceed further, backup your template first by “Download Full Template." This step is highly recommended.



2.   Search your gadget’s name by pressing ctrl + f on your keyboard on your browser.  Then add
these two codes in between your gadget codes.

<b:widget id='HTML1' locked='false' title='' 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:if>

3.  The codes are highlighted with blue. To test whether it is working or not, save your template and view your blog. Navigate to your homepage, then to single blog post to see the difference.

Blogger gadget on a single post



1.  Go to Design, click Edit HTML on your blogger dashboard and tick Expand Widget template. Before you proceed further, backup your template first by “Download Full Template”.
2.  Search your gadget’s name by pressing ctrl + f on your keyboard on your browser. Then add these two codes in between your gadget codes.


<b:widget id='HTML2' locked='false' title='' 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:if>

3.  Save your template and view your blog. Navigate to your homepage, then to single blog post to see the result.


In conclusion, if you want to revert back to your original template just restore the template that you have downloaded or simply remove the codes that you have added before. This trick definitely works for any gadget, including ads!!! If you want to interchange your ads, then this tutorial will help you.

2 comments:

  1. Just wish to say your article is as surprising. The clearness to your publish is just spectacular and i can suppose you are an expert on this subject.
    website design

    ReplyDelete
  2. I have been a regular visitor of this site and I love reading blogs posted here.They are truly very well written,precise and to the point. Thanks.

    Thin Client Software & RDP Thin Client

    ReplyDelete