Hide/Show Widgets/Gadgets in Home/post/static/archive pages in Blogger alphause

Po ... Hide/Show Widgets/Gadgets in Home/post/static/archive pages in Blogger 115 comments As some of you may have noticed, all the widgets/gadgets you add to your blog, will be displayed on all the pages by default, including the homepage as well. And I'm sure very few know that AdSense could disable your account in case you've put ad units inside the content of your contact or privacy policy pages. Therefore, hiding certain elements inside your blog pages is not only a matter of design, but it is also a requirement. To hide (or show) widgets in particular posts, static pages, homepage or archive pages, you can use conditional tags. Step 1.Go to Blogger'sDashboard>Layoutand name the HTML/Javascript gadgets that you have already added. Doing this, it will be easier for you to identify the widgets that you have in your Blogger's template. Give it a unique title so that it does not match with any of the titles of any other widgets already added. Step 2.Next thing to do is to go toTemplateand click onEdit HTML Step 3.Select the "Expand Widget Templates" checkbox. Step 4.Find the widget's title in the HTML by using Ctrl+F and entering the widget's name in the search box. Let's say that the title for one of my widgets is "Recent Posts". After searching for the widget's name, I will find a similar code in my template:

This code represents the widget/gadget that I have added in the Page Elements location (Layout). Step 5.After you've found your widget's code, add the following conditional tags marked with red just below and above to hide the widget from specific pages or posts in Blogger. For instance, in case you want: To show the widget only in Homepage:

To show Blogger widget only in post pages

To show the widget in a specific page

Note: ReplaceURL of the pagewith the address of the page in which you want the widget to appear To hide a widget only in a particular page

To show widgets only in static pages

To hide widgets in Static Pages

To show widgets only in Archive Pages

Step 6.After you have added the conditional tags,Save Templateand view your blog. That's it! Like 44 Random Posts How to Customize Blogger's Lightbox04/03/2013 - 10 Comments Create a CSS Image Slider with Thumbnails for Blogger13/01/2014 - 4 Comments How to create click events using CSS13/01/2014 - 3 Comments Related Posts: How to Use Cookies in Javascript Advanced Random posts widget for Bl... How to Create Magazine Style with P... How to Create a Sitemap or Table of... Recent Rotating Post Gadget with Ex... 115 comments: Admin 5/16/2012 thanks a lot very helpful post..I already apply this trick. http://einews.blogspot.co m Reply Paper Crane 7/21/2012 Hi, Can i check, I've tried this method for the "To show widget in a specific page" but it ends up hiding the widget in all my pages. Am i doing something wrong such as pasting the wrong URL? Reply Replies Admin 7/28/2012 It depends on what you want to do. The method you have chosen will hide the widget in any other pages but not from the specific page you've typed between the quotation marks.. Ali Asad 12/26/2012 I have tired it very much but failed to me . Please you must do it for me (Admin)as you know all blogger . I have idea ! download teamviewer and you do it for me . My skype id is ali1881992 . Add me contact then i will accept you . Please help me for little work . Anonymous 2/21/2013 "To show widget in a specific page" not working for me also.. Anonymous 4/22/2013 the same problem Syed Bahadur Shah 8/14/2012 Dear Brother I Have One Question How To Hide All Widgets In Perticular Page Like HTML Editor, COntant Page ETC. So Please Give Me help Full Answer...Thanks Reply Web Question Answers 8/18/2012 As an admin I want to name my( by adding Title Name in blogger) widgets in blogger but these Title Names get published . I want these title names to RECOGNIZE my widgets but I want 'Title Names' not to be published and keep it hidden from viewers and readers. Reply Anonymous 8/24/2012 It works great ! Thank you. Reply Replies Admin 8/24/2012 You're welcome. Thanks for visiting! CMBD 9/11/2012 Thank u so much for great post.... but I think this post needs little update. This basic code don't match new basic code... So, what can I do now? Reply FLO 9/12/2012 Hi, As "Paper Crane", I have tried to display a widget on a specific page but it ends up hiding the widget in all my pages. Have you try it personally? Thks Reply Replies Grigory Metlenko 2/14/2013 Do you have a region specific blog? Example: blogger.com.au If yes, try removing the last extension ".au" in the urls. SO, if you are using: use the url like this: http://helplogger.blogspo t.com/2012/03/hideshow- widgetsgadgets-in.html and NOT http://helplogger.blogspo t.com.au/2012/03 /hideshow- widgetsgadgets-in.html hope it makes sense... Nilson Lage 10/10/2013 I CAN ONLY SAY: T H A N K Y O U !!!!!! More than a month trying... Have a wonderful day! Carlos 9/28/2012 This works well. In my blog, I present widgets on both sides of the page on the homepage, while the widgets on the right sidebar disappear in the rest of the pages (they are not needed in further pages). I'm wondering if there is a way in those pages for the blog posts to expand into the right sidebar area. (Right now, the blog posts in those pages just occupy the center of the page, and the right sidebar is empty.) Reply Sunshine Diva Gaganpreet 10/02/2012 This sounds super helpful! i am definitely going to try this. Thanks so much for sharing :) and keep up the good work. Reply Stevendale Baptist Church 10/02/2012 If the widget doesn't show up, make sure your URL does not end country specific. blogspot.com.br for example... remove the br. What if I want a widget to appear in two specific pages? Reply Jaye 10/03/2012 This is great! I've searched high and low for a way to hide blog posts from the homepage but not any other page and this is the only one that worked. THANK YOU! Reply Artemisia Moltabocca 10/04/2012 Thanks for this information. I was able to have my "sharethis" buttons to only show on post pages. I find it annoying when people share a page from a homepageurl or other non-post page, and then I can't find the page. That's why I wanted these button to only show on my post (item) pages...and you showed me how! :) Reply Anonymous 10/04/2012 Hi, This is Neel. I saw your blog looks intresting. I want to create similar setup for my blog. I want to have a blog with posts. My basic needs are below 1. Image, video post 2. Post with author information displaying 3. SEO ready 4. A contact page 5. Social integration 6. From one post link to similar posts 7. Home screen displaying About and link to all tags/labels Also, I want to have it with low cost, as it is just a personal blog. Can you please help me understand how to go with this ? you can reach me at nilanchala@ outlook.com Reply mspy iphone spyware 10/05/2012 Very informative for me. I've already applied it. Thanks for provided source code! Reply Artemisia Moltabocca 10/15/2012 How do I keep a widget from showing in a particular label (tag)? Reply Arthur Stoller 10/25/2012 Just want to check 1 thing please. In this line of code: do we replace blog.homepageUrl with blog.ourdomainnameUrl thaks Reply Clara Castaneda 11/09/2012 Hi I did the "To hide widgets in Static Pages" and it works. Thank you. But it hides my header on all of the static pages aswell which I didn't want. Could you help me figure it out? Thank you. Reply Alex 11/14/2012 Is there any way to put a code like this in the HTML for the page itself? I have a fairly long list of URLs that I don't want adsense on, but I don't want to have to add all of them to my template page. Reply www.studentvoice.in- Officials 11/14/2012 Dear sir, Actually problem is that when I try to add any widget below the post like related posts, subscription box, social sharing widget.. The codes of that widget add successfully but no showing... whats the matter? Is there something missing in my blogger template..... my blog is www.studentvoice.in Reply Adnan Gujjar 11/16/2012 very nice widget and trick, thanks alot Reply Elur 11/23/2012 Hi. Thanks for this tutorial. I learned something from it. Thanks. Anyway, I just would like to know how to apply this in "Labels" page, or in a page where the clicker will be redirected to if the clicker clicks on a "Label" or "Tag" or a "Category". Thanks for any answer! :). Have a good one. Reply bramantyo 11/27/2012 thks, the post help me. Reply Minas Graikos 11/28/2012 Hey!!This post was really helpful and i needed it so much but i have a problem and i need some advice..i followed the steps of your tutorial("To show the widget in a specific page") but my gadgets leave a blank space in the pages that they dont appear any more..What can i do?? Reply pooja 12/10/2012 thanku Reply Unknown 12/18/2012 Hi Admin, I wondering which code is to show the widget in all pages. Please help me. Thanks a lot. Reply SoTheaVorn Sin 12/19/2012 Great job, Very nice post-I'm looking for. Reply Dark AM 12/21/2012 help it not work with me.... everytime i put the code when i save it changed to and the widget still appear Reply Ben Dizon 12/23/2012 Works great. Thank you very much! :) My blog = http://flutelyrics.blog spot.com/ Reply ann 12/26/2012 If adsense is in the post body (not widget), how can I hide adsense in my policy post. Reply araba oyunları 12/30/2012 thank very usefull information Reply keito miyazawa 1/05/2013 in this code? how to declare different urls? example link1 link2 ? Reply Boffill Bernardes 1/16/2013 I have been looking for this tweak for quite a long time and you gave me an answer to my questions. Thanks for the tutorial. :) Reply Northman 1/18/2013 As Paper Crane and FLO, my widget ends up being hided on all pages! And it doesn't work by removing the country specific ending in the URL, like Stevendale says. What is wrong? Please help. And when that problem is solved, I would very much like to know "what if I want a widget to appear in two specific pages?", like Stevendale askes. Thanx for all the other good tips :) Reply Northman 1/18/2013 Hey! I solved it! It's like Stevendale says: Remove the country specific endning, but replace it with ".com" - then it show on the specific page. I'd still like to know how to hide/show gadgets on two or more specific pages, though... Can anyone help? Reply Abraham K. Mathew 1/19/2013 I redirected my hone to a new static page how to show it on a specific static page Reply John Demetriou 1/26/2013 I have some gadgets that I want to appear only in Certain posts (more than one) that fall under a single Label. To be more specific I have gadgets that I only want to appear when a visitors is looking posts under the label betting. But not appear when a visitor is looking on other posts. Can that be done??? (not just when visiting the whole Betting label but any post from that label, but in none of the other posts). Hope you can help me Reply Emily 1/30/2013 I'm trying to hide the Archives and Lables gadgets from my other pages. I just want them visible on my homepage. When I used the snippets used in your "Recent Post" example I got errors. Please, help!?! Reply Abraham K. Mathew 2/11/2013 Can you tell me how to show the widget only on a specific static page Reply Sebin Thomas 2/11/2013 Can you please give me the code to display a widget only in homepge and label pages Reply Abraham K. Mathew 2/13/2013 hey it worked well. Well could you tell me how to show a widget on a specific static page. Eg only on about us static page. Reply mohssine ait 3/14/2013 I have been looking for this http://www.tech- fans.com/ Reply Tasha W 3/15/2013 Thanks so much for this post! You saved me a huge headache! LOL :) Reply Replies Admin 3/15/2013 You're welcome :) Tasha W 3/22/2013 So I had to change my template back to the default blogger templates because the one I had was giving me grief! Now I am having a problem doing what worked for me before:( I want to hide my sharethis widget on my blog from the static front page and display them on "posts only". I put the code you gave here: To hide widgets in Static Pages If you look in my template the code in red you said to put is there and is implemented properly but it's not working:( Please help! Admin 3/23/2013 Hi Tasha, Could you please send me a copy of your template to helplogger76@ gmail.com ? Thanks. Tasha W 3/24/2013 sent;) kathy baugher 3/15/2013 How do I use these codes in xhtml? I am getting an error message, Error parsing XML, line 2139, column 3: The element type "b:if" must be terminated by the matching end-tag "". Help please? Reply Replies Admin 3/15/2013 Most likely, you didn't add the closing tag in the right place. Make sure that you add theclosing tag right afterand the conditional tag after. Nana 4/18/2013 I have the same issue. I have double checked this to make sure I'm inserting in the correct place.. Still get the above error. Nuno 3/18/2013 Hello I've tried the "hide in a specific page" method but it hides in all pages, and I did exactly how the example shows. Can someone in lighten me how to solve the problem? Ty. Reply Replies Admin 3/23/2013 Please check your URL, it should end up with .com See the bolded part in my address: http://helplogger.blogspo t.com/2012/03/hideshow-widgetsgadgets-in.html Sorry for the late reply. Nitesh RS 6/21/2013 My URL is .in Will the code work to show widget on a specific page only? Tasha W 3/21/2013 I tried this for the sharethis widget to appear only on posts and not on static pages and it worked! Thanks! However I tried to hide my Adsense widgets from my contact and privacy pages using your code To hide a widget only in a particular page and it didn't work. Please help! Reply Replies Admin 3/23/2013 You should hide the entire sidebar in those pages. Please check this tutorial: How to Hide Blogger Sidebar to Display AdSense For Search Results It was initially written for the search results page but it works on other pages, as well. Nuno 3/27/2013 yeah, works great, the problem was with the new domains from blogger, was easier when it just ended in .com ! ty Oan Ahmed 3/24/2013 Friend, I wanted to show the gadget only on one specific page, I tried your code, everything worked perfectly(code), but the gadget doesn't appear on any page. What's the problem! Reply admin 3/30/2013 Hello admin....how to hide sidebar likes your static pages?....such as http://helplogger.blogspot .com/p/acceptance- of-terms- by-accessing.html. Reply zaid mansuri 4/05/2013 hey hi admin can you tell me where is the feed url of blog? and how to keep privacy policy,disclaimer and terms of service? Reply Pepper 4/08/2013 Thank you so much for this trick! I used to to add a widget on my homepage only, right above the posts and it worked. I have one problem: on the other pages of my blog there is now a gap above the title of the page where the widget goes on the home page. Is there any way to get rid of this gap? Reply Melissa B 4/13/2013 mine does not display the widget on any page. I have a very long list of labels that I would like to either be hidden from the homepage OR display only on a static page I've made just for this purpose. As I cannot place the widget directly onto the body of the page (right?) I've settled for having the list display only where needed. My trouble is, with this code, no matter what I try, exclude from specific page (the home page)) or show only on a specific page (the story page), it disapears from all pages. The code i've used for the hide only from home is(sniped of course) blah blah rest of code My website is a .ca one.. so I've changed from blogspot.ca to .com as suggested above, but that did not help either. Any assistance would be helpful. Thanks. Reply Replies Nitesh RS 6/21/2013 Same happens with me...it disappeared from all pages Sheryl Schopfer 4/27/2013 This is brilliant. Thanks for so clearly illustrating what to do for different pages, such as hiding on static pages versus displaying for only one particular page. Reply Kelly Martin 5/01/2013 Hi how do you do this on the new html blogger format? I noticed "-- only display title if it's non-empty -->" in my sidebar before 'grab my button' I looked in layout none of my widgets have this and both widget above and below has a title. Any further tips? Would you mind taking a look? I am sure its newly appeared. http://www.kellymart inspeaks.co.uk Reply Rizwan Shajahan 5/20/2013 Thank You , its Working Reply joe halenbeck 5/31/2013 crap my code on my blogger looks nothing like this at all so i have no clue where to place the code. tried a few times but not working Reply joe halenbeck 6/01/2013 doesnt work at allllllllllllllllllll Reply Marifel 6/09/2013 Nice ! It works :) I've used it on my site http://collegemarketing10 1.blogspot.com/ Thank you! Reply Julius 6/11/2013 I must say, you are superb Reply Deepa Roy Chowdhury 6/12/2013 Thanks a lot. That was really helpful for hiding my author info box on a guest post! Reply Orilea ~ Orilea Out Loud 6/18/2013 This is the best page on this stuff! One question though. Is it possible to do 2 things at once: 1.) Hide on home page IF post has jump link, but 2.) Show on home page IF post has NO jump link? I cannot figure out how to do this. Thanks again for your awesome page!! Reply NAFEES ALAM 6/20/2013 did, for popular post in my blog www.widgetpedia.org but i think it must be ended with too :) Reply Nitesh RS 6/21/2013 Its not working for me. I wanted to show the widget to a specific page only. I implemented the code but now the widget is neither seen in the home page nor in the specific page with label 'xyz' Reply Sasha 6/25/2013 thanks helped me a lot Reply Mert Balci 7/06/2013 This comment has been removed by a blog administrator. Reply Adeel Amjad 7/14/2013 Thank you so so so much . These are the code that i was googling for a while . So finally i've got them now :) http://adeelzsoft.blog spot.com Reply ROFAI FAI 8/23/2013 I've tried using the method "to hide widgets only in particular page, but it does not work, what is still missing for example in css .. so I expect your help, my blog http / / propofit3.blogspot.co m.thank you very much Reply Replies Nilson Lage 10/10/2013 Hi I have the same problem, did you get help? Solomon Greene 8/24/2013 I have been applying your tutorials a lot. Thank you so much. One question. The widget that is being hidden from the other pages has a background. A small portion of that background still shows on the pages where it the widget is hidden. Is there a way to address this issue? I've just removed the background in the past, but the background helps with the design. See the corners of backgrounds at http://www.thegwinn etthomepages.com /p/peace- of-mind.html. See the widgets at http://www.thegwinn etthomepages.com /p/about-gwinnett- county.html Reply Solomon Greene 8/24/2013 Hello, please forgive me for posting twice. Thank you for these great tutorials. A portion of the backgrounds from hidden widgets are appearing on other pages. Is there a way to fix that? See the white boxes mid screen on the right of http://www.thegwinn etthomepages.com/. Those are the backgrounds from the search boxes at http://www.thegwinn etthomepages.com /p/about-gwinnett- county.html Thanks again. Reply Lachlan Patterson 8/25/2013 This is always helpful to me. But, it it possible to hide the widget from multiple pages, not just one? Thanks. Reply Replies Zad Wahm 12/15/2013 retype the red lines as much as your links, like this: ... ... ... ... ... ... ... Issac Newton 8/31/2013 How to hide a widget in mobile browsing. Reply Lana Maria 8/31/2013 Thank you so much for this :) Reply Vintage Stash 9/09/2013 hi there, i tried to hide all my widgets from my Home page. However, after i typed in the code that was provided by you (also type in theURL of the particular page). My widgets are still there... any advice? Reply Anonymous 9/13/2013 Dear Sir, I want to know how to permanent remove "Subscribe to: Post Atom:" from blogger. How it remove from all pages including home, static, archive, and all pages of blog. Please suggest and reply on my mail. Reply BloggerMe 9/19/2013 Thank You! I did it on my reviews http://www.pinoymoviere views.net/ Reply G Palyvos 9/22/2013 Thank you very much!!! It worked fine for me Reply Nilson Lage 10/10/2013 Would you kindly help me? I'm trying to show an image gadget in one specific static page, I did exact as you told. I does not work.. It doesnt show the gadget anywhere. Reply Riyas Melatturonline 10/10/2013 thankyou Reply Lana Maria 10/15/2013 Hi :) I used this before and it worked, however now it won't let me. It comes up with this error: The widget with id "HTML5" cannot contain element: "b:if". A widget can only contain b:includable elements. Any idea why? Thank you :) Reply Replies Happy World 3/31/2014 Well, I got the answer... Both of us were implementing the code AFTER "" and before "..." It needs to be placed BEFORE both lines (i.e.- bofore ""). Hope you got the answer... And thanks for asking this question here because i got the answer with the help of your question actually... :) Jeniffer Saavedra 10/18/2013 For some reason after I complete step 2 I can't find the "expand widget templates" box, is it me or have they just updated the software? I have also been trying to enable the widgets that already exist after you create a post. The very tiny ones but I can't seem to find any directions on how to change this anywhere. At this point I haven't been able to connect any of my social media pages at all. Any help would be greatly appreciated, www.hikinginnewjers ey.blogspot.com Reply Anonymous 10/22/2013 Hi, thanks for the help you provide here. I've got a sidebar widget which i tweaked 2 years ago to show up only on homepage. But now, i want it to show up on both the HOMEPAGE and also on SEARCH LABEL pages i.e. on both www.yourblogname.com AND also www.yourblogname.com/s earch/label/~. Please how do i tweak this? Once again, thanks so much! Reply EcoWarrior 10/26/2013 Thank you very much! Reply EcoWarrior 10/26/2013 Thanks, the widget-hiding worked! However, on pages where the widget isn't shown, they have these tiny horizontal lines substituting the hidden widget. I'm not bothered by it except for the fact that those lines then push all the other widgets down a notch, which makes it look weird. Reply Replies EcoWarrior 10/27/2013 Is there a way to fix this? ABD SALHI 10/29/2013 Thank you so much! Reply Anjie lou delos Reyes 10/30/2013 Hi how about hide a certain html code? thnks Reply raman bathina 10/31/2013 It's an awesome trick.Thanks for sharing Reply Anonymous 11/23/2013 its not working :-( Reply Varun Anil 12/01/2013 works perfectly, thanks Reply Michael Samhan 12/16/2013 one of the best blogs to help me make a good blog.. thank you guys Reply Akiko Izumi 1/15/2014 I tried this, but it just won't appear on the specified page. Why???? HELP! Reply Replies Muh Yusuf Natsir 1/17/2014 do you follow every step ?? SCRRN 1/18/2014 Thanks so much! It really helped and I must say that in the Universe of Learning, you're an awesome teacher :) Reply MuhammadUbaid Ghauri 2/23/2014 Amin please solve issue my template problem. I want to show 6 post in my blogger home page. I am doing 2 ways No1. setting..post and comments No.2 layout go to post. show 6. But isn't working. Only 6 post showing in my homepage. Please help me. I apply a lots of template in my blogspot. But final reason isn't working. PLEASE http://www.wallpaper york.blogspot.com/ Reply Leona Olivier 3/06/2014 Thank you!!! Phew, it was driving me mad. Thanks so much :) Reply Tech News 24h 3/16/2014 Thanks! Reply next