How to Make a Widget Only Shown on Homepage Blog


Blogger Widget

How to Make a Widget Only Shown on Homepage Blog - Homepage is the main page of the website / blog, on this occasion we will discuss how to make the widget appear only on the homepage. To be dynamic and blogs seem neat, preferably some widgets that are considered essential and are only displayed on the main home page or homepage.
You want to make widgets appear only on the main page / homepage, follow the following steps:

1. Login to blogger.
2. Choose Template => Edit HTML => Expand Widget Templates checkbox.
3. Do not forget to backup templates so you can easily restore if something goes wrong.
4.'s Widgets use F3 or Ctrl + F. Example widget: Latest Articles.

<b:widget id='HTML5' locked='false' title='Latest Articles' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty --&gt
; <b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Put the code <b:if cond='data:blog.url == data:blog.homepageUrl'> under <b:includable id='main'> and </b:if> above code </b:includable> as follows:

<b:widget id='HTML5' locked='false' title='Latest Articles' 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 != &quot;&quot;'>
<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>

6. Then save the template