Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How To Show/Hide Widgets On Specific Pages In Blogger
#1
There are some situations where you want to show or hide certain widgets on particular pages such as home page, post pages, static pages, archive pages and even on particular posts.So many people have a question such as “How to show/hide widgets on particular pages“.Because there are some widgets which are meant for the home page and some for static pages or post pages.[Image: Untitled-2.png]
Let us take an example of AdSense widget. A normal AdSense publisher is allowed to show a maximum of 3 ads(display ads) on each page if you show more than that it may lead to a ban. Also, we are not allowed show AdSense ads inside contact us, privacy policy page. So I’m here to explain to you how to do it. so let’s start to jump into the topic.Follow the steps below.
Step 1:
Go to Blogger Dashboard>Layout and find a widget which you want to show or hide.After finding just give it a unique name which doesn’t match any other widget name and click on save. Generally, we add custom widgets using HTML/CSS widget and use with a particular name to it.
Step 2:
Now click on Template>Edit HTML and check the expand widget in the template or HTML editor.
Step 3:
Next, click ctrl+f and enter the name which you have given in step 1.Let us consider the widget name as Popular posts and click Enter until you find the code which is similar to below code.

Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
         Widget code
 </b:includable>
</b:widget>

Here Green highlighted name is the Title of the widget which we are finding and the Red highlighted code is the widget code ( a bunch of code for the widget) which is different for different widgets. In the above code id, title and type are also different for different widgets.Don’t bother about widget code because we are not going to change it. ?
Step 4:
Now we need to show or hide widget on particular pages.We have to just use a conditional statement to do this job as shown below.


Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType != "Page_type"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

The above code is just a sample code with a conditional statement which is highlighted by Orange color.
Step 4:
Now i will give you the exact way(code) to show or hide widgets on different pages.




To Show Blogger Widget only in Homepage
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType == data:blog.homepageUrl'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

To Hide Blogger Widget only in Homepage
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType != data:blog.homepageUrl'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

To Show a Widget only in Post Pages
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType == "item"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

To Hide a Widget only in Post Pages
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType != "item"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

To Show a Widget only in a Specific Page or post
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType == "URL of the page or post"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

Replace URL of the page or post(which is highlighted with Blue color) with URL of the page or post where you want to show the widget.
To hide a Widget only in a specific Page or post
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType != "URL of the page or post"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

Replace URL of the page or post(which is highlighted with Blue color) with URL of the page or post where you want to show the widget.


To Show a Widget only in Static Pages
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType == "static_page"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

To Hide a Widget only in Static Pages
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType != "static_page"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

To Show a Widget only in Archive Pages
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType == "archive"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

To hide a Widget only in Archive Pages
Code:
<b:widget id= 'HTML11' locked='false' title='Popular posts' type='HTML'>
 <b:includable id='main'>
   <b:if cond='data:blog.pageType != "archive"'>
     Widget code
   </b:if>
 </b:includable>
</b:widget>

After adding the code of conditional tags, save your template. ?
You can also nest the conditional tags to show or hide widget on specific pages
If you have any queries or getting some problems feel free to comment.
To Purchase Credit Click here , For how to make money on Sologet forum Click here 

HIRE ME FOR WEBSITE DESIGNING US THE PM BUTTON TO SEND ME MESSAGE

There is love in sharing
[-] The following 1 user says Thank You to Kingsolomon for this post:
  • Meziend
  


Possibly Related Threads...
Thread Author Replies Views Last Post
Lightbulb TIPS HOW TO REDIRECT YOUR BLOGGER BLOG TO ANOTHER DOMAIN NAME (INCLUDING INDIVIDUAL POSTS) Kingsolomon 2 427 05-30-2019, 11:22 AM
Last Post: Abiola

Forum Jump:


Users browsing this thread:
1 Guest(s)

How To Show/Hide Widgets On Specific Pages In Blogger00