Search for the Article

How to Show and Hide Widgets in Blogger? ( Pages, Homepage, Post, Archive )

How to Show Widgets/HTML Only On Homepages?


<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>

How to Hide Widgets On Homepages?


<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>

How To Show Widgets Only On Static Pages?


<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>

How To Hide Widgets On Static Pages?\


<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>

How To Show a Widget On a Selected Post Only?


<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

How To Hide a Widget On a Selected Post?


<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

How to Show HTML On First Post of Homepage?


<b:if cond='data:post.isFirstPost'>
WIDGET CODE GOES HERE
</b:if>

How to Show Widget On Index Page?


<b:if cond='data:blog.pageType == "index"'>
WIDGET CODE GOES HERE
</b:if>


How to Hide Widget On Index Pages?


<b:if cond='data:blog.pageType != "index"'>
WIDGET CODE GOES HERE
</b:if>

How to Show Widget On Search Page?


<b:if cond='data:blog.searchLabel'>
WIDGET CODE GOES HERE
</b:if>

How To Control Blogger’s Official Widgets?

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Check the Expand Widgets Templates Box
  4. Search for the title of the widget you want to control
  5. The code for the widget will look something similar to this one,

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
LARGE CHUNK OF WIDGET CODE
</b:includable> 
</b:widget>

finding the code, paste this here..

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LARGE CHUNK OF WIDGET CODE
</b:if>
</b:includable> 
</b:widget>