How To Display Blogger Widget Only In Home Page


Hi Bloggers, welcome to Bloggerhangout !!!

In this Blogger tutorial, we will look at how to show blogger widget only in home page.

In blogger template, by default the widgets appears on home, post and archive pages due to which loading of page takes more time. The visitors leave the page if  page takes more time to load and it might reduce your blog or website rank in search engines. So, keep in mind to reduce the page load time and get more traffic from search engines.

How to show Blogger widget only in home page?


Step 1: Sign in to your blogger account.

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

Step 3: Select Design> Edit Html 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.url == data:blog.homepageUrl'>
 <!-- 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>


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 only in home page", please don't hesitate to comment.

Comments

Popular posts from this blog

Youtube Thumbnail Generator Online

Is Your Transcend Product Orginal or a Counterfeit | Transcend Product Verification | Verify the Authenticity of Transcend Product

How to Change Static Pages Order in Blogger