How To Display Widget In Archive Pages


Hi Bloggers, welcome to Bloggershangout !!!

In this Blogger tutorial, we will look at how to display widget in archive pages.

How to show Blogger widget only in archive pages?


Step 1: Sign in to your blogger account.

Step 2: Choose a blog for which you want to show widgets in archive 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 == "archive"'>
 <!-- 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 archive pages", please don't hesitate to comment.

Comments

  1. I don't understand this. What does it look like when you're done?

    ReplyDelete

Post a Comment

Share your comments with us to improve bloggershangout.com