How To Display Widget In All Post Pages


Hi Bloggers, welcome to Bloggershangout !!!

In this Blogger tutorial, we will look at how to display widget in all posts pages

How to show Blogger widget only in posts pages?


Step 1: Sign in to your blogger account.

Step 2: Choose a blog for which you want to show widgets in all posts page from the blogger dashboard.

Step 3: Select Design> Edit Html>Edit Template and mark "Expand Widget Template"

Step 4: Search for widget title. In this example title is Related Posts.

<b:widget id='HTML4' locked='false' title='Related Posts' type='HTML'/>

In this example, widget id is HTML4 and it purely depends on number of widgets added to your blog.


 <b:widget id='HTML4' locked='false' title='Related Posts' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == "item"'>
 <!-- only display title if it's non-empty -->
 <b:if cond='data:title != &quot;&quot;'>
 <h2 class='title'><data:title/></h2>
 </b:if>
 <div class='widget-content'>
 <data:content/>
 </div>

 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>


Step 5: Add the above blue colour lines of code as it is in your blog html.

That's it!

If you have any doubts about " How to display/show blogger widget in all posts pages", please don't hesitate to comment.

Comments