Do you want to hide gadgets in specific post or pages ? You blog homepage loading to slow because have many gadgets to load ? If,the answers is YES.Then you need to read this tutorial until finish.
The first thing to do is to specific which gadget that do you want to hide or show at specific page or posts.
So,what NEXT ?
Then save it.
For an example,compare this homepage and this post page.See the different ??
Wait for the coming Read this tutorial on How to Show gadget on Particular Post .
How to Show Blogger Gadgets in Specific Posts or Pages
Login to you blogger account > Dashboard > Design > Page Elements tab > HTML/Javascript or any gadget.
After that ,look for the gadget/widget ID.Look at the picture below for better understanding .Here the widget ID for the gadget that you want to hide is HTML14
Then go to Design > Edit HTML > tick Expand Widget Templates > .Now, press "Ctrl+F ".
Find the widget that do you want to hide .
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- 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:include name='quickedit'/>
</b:includable>
So,what NEXT ?
Show blogger gadget in Post Pages only or Show blogger gadget in Homepage and Other pages except in Post Pages
Show blogger gadget in Post Pages only
Do you want to hide any gadget from showing it on homepage or other page and to show it on post pages only ? Then you have to add the conditional tags( blue colour) as shown below:
<b:widget id='HTML14' 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:include name='quickedit'/>
</b:if>
</b:includable>
Show blogger gadget in Homepage and Other Pages except in Post Pages
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'> <!-- 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:include name='quickedit'/>
</b:if></b:includable>
Then save it.
For an example,compare this homepage and this post page.See the different ??
Comments