Sunday, 30 June 2013

Tagged under: , , ,

How to Show and Hide Widgets in Blogger Specific Pages

Show and hide widgets in blogger
Today i come again with one another interesting tips that would help you display or hide blogger widget on specific parts of your blog. Guys sometime you might be noticed that whenever we add a gadget in blogger default home page then it would appear on all static pages like home page, about me page, downloaded page and post pages. Being a blogger user sometime we need to remove unnecessary widgets from specif pages in blogger and want to show our desires  widgets on certain pages according to our need. So by playing with such trick it will not only bring beauty in blog statics pages but it would also help in blog faster loading time. So in today article we will show you how to show and hide widget in blogger specific pages.


These days we continuously see a lot of blogger user complaints on blogging forum how to, how to show widget on selected pages in blogger blog. how to hide widgets on certain pages, and many mores. i have personally got too much emails complaints on PBT from our loyal readers they have voiced is there any way to put specific widgets on certain pages in blogger blog. Yes absolutely you may put any gadget on specific lactation in blogger blog without template customization. You will just only need to add a piece of chunk code in your template.
To hide or Show Gadget in any manners we have provided all the possible way to customized them for any part, location of your blog. the only thing you will need to add your desire gadget code which you want to show or hide and that will be simply enclosed in two lines. In each case you will add your code and past in between those two lines. Remember you must be replace your gadget code with Gadget Code Will Go here So the same procedure implemented in each case. Lets take an examples.

Show or Hide Widget in Blogger


You might Like:  How to Resize all Images in Blogger Posts


How to Show Widgets Only On Homepage ?

Past Your desire Widgets html/javascript codes between the below two lines. It would display the gadget only on your website home page. It would also hide the same gadget from all of your statics pages and posts pages and it will only remain on homepage.

   <b:if cond='data:blog.url == data:blog.homepageUrl'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Hide Widgets on Homepage ?

Past your gadget html/javascript between these two lines. It will hide the gadgets from home page and will show the gadgets on all posts and static pages. So to do this just place the code in below given lines.

   <b:if cond='data:blog.pageType == "item"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Show Widgets Only On Static Pages?

If you want to display a widgets only on static pages then past your desire gadget coding between in the two lines. So just add the gadget code in two lines and then save your template you will see the gadget only on statics pages.

   <b:if cond='data:blog.pageType == "static_page"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Hide Widgets On Static Pages?

If you wish to hide all the gadget from static page then past put your desire gadget code between the below given two line. copy gadget code and replace with the widget code goes here.

   <b:if cond='data:blog.pageType != "static_page"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Show Widgets On Selected Post Only?

If you want to show some gadget only on your specifics and selected posts. then you may use the following code. enclose your gadget coding between the below these two lines. Remember you must be replace your desire post link with the blue color URL Of Selected Post code.


    <b:if cond='data:blog.url == "URL OF Selected Post"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Hide Widgets On Selected Post?

if someone want to hide all the gadget from the selected posts then add your gadget coding in the below tow lines codes. Remember you must be past your desire post link and replace with blue color code URL Of Selected Post.


    <b:if cond='data:blog.url != "URL OF Selected Post"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Display Widgets on Archive pages ?

Sometime we need to show a widget only on archive page. So to that we will need to add a gadget code between these two lines code. copy gadget code and replace with the widget code goes here

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Display Widget on Post Pages and Homepage

Many of us sometime we want to show gadget on homepage and post pages so in such case we will use the following codes to appearing only on these pages. it will disable the gadget from all the pages except home page and post pages.

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Display Widget on Homepage and Static Pages

If anyone want to display widget only on home page and static pages then add your gadget code and past between the below two lines. it will hide the gadgets from all other pages except home pages and static page.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>
   

How to Display Widgets on Posts and Static Pages?

Are you interested to call your gadget only on posts and static pages if yes. the add your desire gadget code in between these two lines. copy gadget code and replace with the widget code goes here

   <b:if cond='data:blog.pageType != &quot;index&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Control Blogger's Official Widgets?

You could easily hide and show blogger official or builten widget (about me, Archive ,Polls, Wikipedia box) by following the same procedure. Now in this section you will learn how to control blogger official widget to place them anywhere in blog according to your choice. Let go how to do this.>>

  • Go to Blogger >> Template >> Edit html.
  • Now Search for the title of that widget which you want to control
  • The code which you will find might be similar like this one.


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

LARGE WIDGET CODE

</b:includable>
</b:widget>
Now once you find your desire gadget title coding in template which you want to show or hide>> your specific Title instead of ( WIDGET-TITLE-HERE ) like (About M) or (Google Plus) . This will somewhere  also consist of the follow two tags which i have colored blue.   <b:includable id='main'> and </b:includable> So the desire code will must with these two tags. 

Now when you find this code in your template >> you will need to add your gadget coding inside  <b:includable id='main'> and </b:includable>.   To give you the illustrative example just loot at the below coding.

In this example i will show you how to add show blogger official widget only on home page.

<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>




Need Help

Guys This was little about all the possible ways how we could easily hide and show widget on curtains pages in blogger. We hope that that this technique will improve your knowledge and will make you able to add any widget in any part of your blog without any hard movement. So in this way you could easily customize your widget to show them on specific locations. So guys if getting any problem in implementation and wants quick troubleshooting then the below comment section is only for you to post your queries. Love and Post your Views With PBT readers.

29 comments:

  1. Nice post Hafeez Brother I have done this really like this. I have a request can you please tell us how to offer ebook download with email subscription option. Cant able to find it anywhere. Thank You

    ReplyDelete
  2. Dear Hafeez Bro it's really nice article i have tried and it's work 100% Keep Update from new ones Thanks www.locasure.blogspot.com

    ReplyDelete
    Replies
    1. Thanks Muhammad For appreciation. Keep visiting us.

      Delete
  3. Awesome sharing bro, and its very useful post.. I want to hide all widgets, comment box and everything in a specific post.. Just want to show a page and my post with blog logo.. How can i do this? even don't want to show the page border.

    Regards
    TheTricksLab.com

    ReplyDelete
    Replies
    1. Your question is not make any sense please mention again. second thing i want to tell you please do not leave a comment with blog url. it will be more better for you to leave valuable comment without including your blog url. thanks

      Delete
    2. I want to make a page like this..
      http://www.bloggertipstricks.com/p/seo-services.html
      and i never post a link again ;) Happy

      Delete
  4. great work brother. you work hard to write this post thanks for sharing.
    My recent post: http://w3mix.com/ramadan-mubarak-messages-2013/

    ReplyDelete
  5. hey hafeez brother i have a blog i am using google + followers and followers widget and a additional html widget on my blog. Is it possible to hide that from my home page ??? kindly give me the suitable codes

    ReplyDelete
    Replies
    1. Yes it is possible to hide widget from homepage just insert your gadget coding between these two lines.

      use the second one from the top.... How to hide widgets on Homepage ?

      Delete
  6. Here there is given several codes for several types
    i dont know which one is for what
    so mention the correct details
    Thanks in advance

    ReplyDelete
  7. Thanks Hafiz Bro day by day your are providing us more information and tricks. It is really helpful.
    http://pakistanlearningcenter.blogspot.com/

    ReplyDelete
    Replies
    1. Thanks alot jamshaid raza bro you are become my loyal reader. keep visiting us.

      Delete
  8. Nice tricks bro Hafeez. Using conditional tags to hide widgets really makes HTML a bit fun, just more like using javascript if and else statement. And these tricks would actually helps in hiding our sidebars and present our pages with awesomeness. Thanks for sharing bro.

    ReplyDelete
    Replies
    1. Thanks Victor Bro for your valuable comments. this such a mini trick by which we could easily hide and hide on any specific location inside blogger.

      Delete
  9. NiCe Post Hafeez bro. keep it up with great articles
    U Always come with the unique content and i really enjoy when i read your articles that was very helpful for me and others.
    But Hafeez bro i have a question for you about widgets.
    i have widgets on my blog the name is (site followers) and (About me) showing on the homepage but now i am want to show them only homepage but you mention this in your post you give code for that but i don't founding my site followers code and abot me can you tell me how can i find thier code and paste into your mention code ? becasue they are offical blog widgets so that's why they don't giving code?
    Best of luck
    Thanks
    Regards
    R.S

    ReplyDelete
    Replies
    1. Hello Rizwan bro,
      You can easily find the codes of that two widgets.
      For followers widget find 'Followers1' in your template and then follow Hafeez's tutorial.

      And for About me widget search for 'footersec11'.
      Hope it'll work for you. If you face any problem then let me know.
      Regards!
      Ankit

      Delete
    2. I think Ankit has covered your question but if you feel again difficulty then we will be customized your template by own hand. or you have to join us at facebook. You may also contact my dearest neighbor Ankit for this problem. Thanks Buddy.

      Delete
    3. yes now i find codes of these two widgets on my blog well thanks for giving me your importent time and Apprised me with such a nice lines i really thankful both of you hafeez bro and ankit bro u are my guru
      Best Of Luck
      Thanks
      Regards
      R.S

      Delete
    4. It's nice Rizwwan bro that your problem has been solved now. And lots of thanks for your words.
      Otherwise Hafeez is more experienced than me. I know nothing as compare to my buddy.
      Keep visiting his blog and be in touch with me.
      He have lots of incredible ideas and tutorials for us :)
      Regards!
      Ankit

      Delete
    5. Ankit bro U wellcome Anytime
      Yeah i know Hafeez bro is too good i called him Mastermind And You also u are too good for Seo i like your All seo posts and follow step by steps
      Well thanks for helping me
      Regards
      R.S

      Delete
  10. Nice Post Bro Keep It Up Bro Thumbs up To PBT.....By the Way My New Post Is :
    http://bloggertechniches.blogspot.com/2013/06/how-to-use-php-on-blogger-beginners.html

    ReplyDelete
  11. bhai mere aik blog banya hy ab tak us per 50 post ker chuka ho par us per daily visitor 20-30
    hi atey hy kia problem hy dekh ker zara bataa dy ap ki meherbani ho gi blog ka address yeh hy www.fox10magazine.com

    ReplyDelete
  12. Thanks that was the thing i was looking for !

    ReplyDelete
  13. You there, are amazing. Exactly what I was looking for.

    ReplyDelete
  14. Hii, I want to hide widgets on post page only, Is there any code for that ?

    ReplyDelete
  15. Ok so i've figured out how to hide blog posts on the home page, or display gadgets only on certain pages, or in posts. I have a tab labeled "Blog" that searches the blog for posts labeled with "blog". I have a couple gadgets that I want to show only when the person viewing my site is in blog "mode". I could approach this 1 of 2 ways, but not sure how to add to the code to show/hide the gadget on multiple pages Example:
    I have the Search This Blog gadget, Popular Posts and Subscribe gadgets showing only in posts. I want them to also show in Search This Blog results.

    Would I/how would I write the code to only show this gadget in blog search, posts, and other specific pages

    or would I/how would I write the code to hide it from, this page, this page, and this page?

    ReplyDelete
  16. hi

    i am trying to put image1 only in page "Αθλητικά" of the blog www.kyprosnews.blogspot.com. I change the code like this:


























    but i cannot see tha image anywere.....

    * is just to put the html here...

    ReplyDelete

About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism