How to Show and Hide Widgets in Blogger?

How to Show and Hide Widgets in Blogger?
Do you want to make your blog design looks like a professional websites? Then, this post may very helpful to you. In this post, I am sharing the tips to personalize the blogger widgets according to your desire condition that where you want to show or hide your widgets.
Note:
x
x

Pages Include Posts only
Index Pages Include Homepage and Search/Label Pages
How to Show Widgets/HTML Only On Homepages?
Simply enclose the code inside HTML/JavaScript widget between these conditional lines,

WIDGET CODE GOES HERE

where WIDGET CODE GOES HERE is the code of the widget you want to show or hide.
How to Hide Widgets On Homepages?
Same procedure here,

WIDGET CODE GOES HERE

How to Show Widgets Only On Homepages?

WIDGET CODE GOES HERE

How To Show Widgets Only On Static Pages?

WIDGET CODE GOES HERE

How To Hide Widgets On Static Pages?

WIDGET CODE GOES HERE

How To Show a Widget On a Selected Post Only?

WIDGET CODE GOES HERE

How To Hide a Widget On a Selected Post?

WIDGET CODE GOES HERE

How to Show HTML On First Post of Homepage?
If you want to show HTML content on first post of your homepage and not on every post that are displayed on homepage then use the following syntax,

WIDGET CODE GOES HERE

Sometimes you would prefer showing a Featured or Latest ribbon image on the first post or you may wish to display some stuff only on first post summary, in that case you can surely enclose the HTML inside the above conditional statement. 

How to Show Widget On Index Page?

Index pages include labels/search pages, archive pages and the Homepage.  To show widget or HTML on these pages use the following syntax,

WIDGET CODE GOES HERE

How to Hide Widget On Index Pages?
Use this code

WIDGET CODE GOES HERE

How to Show Widget On Search Page?
Search Page in Blogger blogs include all Label Pages and search pages displayed when a user searches a query using the search box.  To show widget or HTML on search pages use the following syntax,

WIDGET CODE GOES HERE

How To Control Blogger’s Official Widgets?
The same procedure can be applied to Blogger’s official widgets like About Me, Archives, Poll etc. For controlling that widgets do this,
Go To Blogger > Design > Edit HTML
Backup your template
Check the Expand Widgets Templates Box
Search for the title of the widget you want to control
The code for the widget will look something similar to this one,

LARGE CHUNK OF WIDGET CODE 
On finding the title in place of WIDGET-TITLE-HERE you will find two similar codes like those I have shown in bolded blue  You just need to add the Controlling codes in the following manner. For example if you wish to show a widget at Homepage only then do this,
LARGE CHUNK OF WIDGET CODE 

That’s it. Do the same for applying any controlling code. I hope this was useful :)

How to Show or Hide Widgets on Specific Pages in blogger

No comments:

Post a Comment