Hide/Show Widgets/Gadgets Inwards Home/Post/Static/Archive Pages Inwards Blogger
Sunday, April 12, 2020
Edit
As you lot may already know, all the widgets or gadgets that you lot add together on your spider web log volition live on displayed on all the pages past times default, including the homepage equally well. What you lot may non know soundless is that AdSense could disable your concern human relationship if you lot position advertizing units within the contact or privacy policy pages. So, hiding surely elements within your spider web log pages is non entirely a thing of design, but it is likewise a requirement.
To cover (or show) widgets inwards detail posts, static pages, homepage or archive pages, you lot tin role conditional tags.
Step 2. Next thing to produce is to instruct to "Template" together with click the "Edit HTML" button.
Step 3. Click anywhere within the code expanse together with press the CTRL + F keys to opened upwards the search box
Step 4. Find the HTML of the widget past times typing the widget's squall inwards the search box - hitting Enter to discovery it.
Let's state that the championship for i of my widgets is "Recent Posts". After searching for the widget's name, I volition discovery a similar code inwards the template's HTML:
This code represents the widget/gadget that I bring added inwards the Page Elements location (Layout).
Step 5. After you've flora your widget's code, add together the next conditional tags marked amongst ruby-red but earlier together with afterwards to cover the widget from specific pages or posts inwards Blogger. For instance, if you lot want:
Note: Replace URL of the page amongst the address of the page inwards which you lot desire the widget to appear. Please banking concern complaint that if you lot don't bring a domain, the URL should end inwards .com, otherwise this volition non work.
Step 6. After you lot bring added the conditional tags, Save Template together with persuasion your blog.
That's it!
To cover (or show) widgets inwards detail posts, static pages, homepage or archive pages, you lot tin role conditional tags.
How to Show or Hide Widgets inwards Specific Blogger Pages?
Step 1. Log into your Blogger account, together with thus instruct to Layout. Give a championship to the HTML/JavaScript gadgets that you lot bring already added thus that you lot tin easily position the widgets that you lot bring inwards your Blogger template. Give them a unique championship thus that it does non check amongst whatever of the titles of whatever other widgets already added.Step 3. Click anywhere within the code expanse together with press the CTRL + F keys to opened upwards the search box
Step 4. Find the HTML of the widget past times typing the widget's squall inwards the search box - hitting Enter to discovery it.
Let's state that the championship for i of my widgets is "Recent Posts". After searching for the widget's name, I volition discovery a similar code inwards the template's HTML:
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- entirely display championship 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>
</b:widget>
This code represents the widget/gadget that I bring added inwards the Page Elements location (Layout).
Step 5. After you've flora your widget's code, add together the next conditional tags marked amongst ruby-red but earlier together with afterwards to cover the widget from specific pages or posts inwards Blogger. For instance, if you lot want:
To exhibit the Blogger widget entirely inwards Homepage
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- entirely display championship 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>
</b:widget>
To exhibit Blogger widget entirely inwards post pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- entirely display championship 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>
</b:widget>
To cover Blogger widget inwards post pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType!= "item"'>
<!-- entirely display championship 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>
</b:widget>
To exhibit the widget inwards a specific page
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'>
<!-- entirely display championship 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>
</b:widget>
Note: Replace URL of the page amongst the address of the page inwards which you lot desire the widget to appear. Please banking concern complaint that if you lot don't bring a domain, the URL should end inwards .com, otherwise this volition non work.
To cover a widget entirely inwards a detail page
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- entirely display championship 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>
</b:widget>
To exhibit widgets entirely inwards static pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- entirely display championship 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>
</b:widget>
To cover widgets inwards Static Pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- entirely display championship 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>
</b:widget>
To exhibit widgets entirely inwards Archive Pages
<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- entirely display championship 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>
</b:widget>
Step 6. After you lot bring added the conditional tags, Save Template together with persuasion your blog.
That's it!