How to Hide Sidebar widgets in Blogger - The WonderSpot

Home Top Ad

Post Top Ad

Latest Posts

Friday, March 16, 2018

How to Hide Sidebar widgets in Blogger

Hide Sidebar widgets in Blogger

How to Show Hide Sidebar widgets in Blogger
Is it possible to show and hide widgets sidebar in blogger blog?
Yep. that is possible… you can hide widgets in sidebar.
We can show & hide sidebar widgets in blogger blog by using conditional tags. By using that tag We can show or hide sidebar gadgets on any page of your blogger blog. But remember works on all gadget types except the "Google+ Badge" gadget and the old "Followers" (Google Friend Connect) gadget.

Then let’s get start...

Step01:  Back Up Your Template.

Step02:  Find Your Gadget in the Template.

 For that,

 Open your template by clicking the Edit HTML.
 Use the Jump to widget drop-down button to jump down to your gadget.

How to Show and Hide Sidebar wadgets in Blogger?

If you cannot find that method, you can use below method.
go to the main page of your blog and hover your cursor over the wrench icon   at the bottom of your widget. When you do that, you'll see a URL appear at the bottom of your browser window


Look for "Widget ID" in the URL


 How to Show and Hide Sidebar wadgets in Blogger?

The text between the equals sign in "WidgetID=" and the ampersand (&) is the widget's ID. Select that ID from the "Jump to Widget" menu to go straight to that widget's section in your blog's HTML.


Step03: Expand Your Widget

After you found widget ID in HTML box expand that. For that Click “….” Before </b:widget>

Step04: Choice Conditional Tags as you prefer, you can put that conditional tags for anywhere in the blog template by using below codes as you prefer.

If you want to restrict a gadget to your homepage only,
<b:if cond='data:blog.url == data:blog.homepageUrl'>
(Gadget code here)
</b:if>

Show Gadget on the Homepage and "Index" Pages,
<b:if cond='data:blog.pageType == "index"'>
(Gadget code here)
</b:if>

Show Gadget on Post Pages Only,
<b:if cond='data:blog.pageType == "item"'>
(Gadget code here)
</b:if>

Show Gadget on Static Pages Only,
<b:if cond='data:blog.pageType == "static_page"'>
(Gadget code here)
</b:if>

Show Gadget on One Specific Page Only,
<b:if cond='data:blog.url == "PAGE URL HERE"'>
(Gadget code here)
</b:if>

if you want a gadget to show up everywhere except the home page?
<b:if cond='data:blog.url != data:blog.homepageUrl'>
(Gadget code here)
</b:if>


Step05: Inserting Conditional Tags

That code raplace
 below the <b:includable id='main'>
and  </b:if> of condition tag goes  above the </b:includable>    



How to Show and Hide Sidebar wadgets in Blogger?



              Step06: Click on preview button & view your blog site.

              Step07: Is it OK? Then, click save button.



Then, OK Now you can easily Show and Hide Sidebar widgets in Blogger blog.
Enjoy your blogging.




Hiding sidebar from post pages....>>>




For more reading THEWONDERSPOT
............................................................................................................................
EMoneySpot  -  Earn with us.....................................>>>




Thank you for reading - How to Show Hide Sidebar wadgets in Blogger
Good Luck.

Don’t forgot to Subscribe us to get latest news letters and give your feedback in below comment section ;-) ;-)

No comments:

Post a Comment

Thank you for visit us.
Give your feedback. Don't worry. Your email is safe with us.
Subscribe us to get latest news letters for your inbox.

Post Top Ad

Your Ad Spot