Insert New ADD a GADGET Widget Inside Blogger Blog Header

Most of the time you see that many of pro bloggers and webmasters are using Ads or Search Box in Header of their blog or website, but you are unable to do similar widget when you try it on BlogSpot platform. The reason is that if you are using blogger default template, or in almost each template which are available on internet have no option to Add a gadget with Blog Main title or along with Header.

The reason of using Ads or different widgets along with header in your blog is that this is Hottest region, means when visitors come to your blog the first thing which they see is your blog header. So the benefits of using Ads, social sharing buttons, Search boxes in such areas increase the chances of getting more clicks and impressions.  You can check the hottest region of your site using Heat maps.

Steps For Inserting ADD A GADGET in Blogger Header:

To insert a new Add a Gadget at right side in header of your blog like that

 

 

You must have to follow these steps.

1: Login to Blogger.com

2: Go to Site dashboard

3: Template and next HTML (before start HTML editing make sure to make Backup or restore your template)

4: Now press CTRL+F and search for this code:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='My Test  Blog (Header)' type='Header'/>

</b:section>

5: in next step copy below code:

/***** OPEN Pakmobinfo.blogspot.com ADD A GADGET (Copyright)********************/

<b:section id='header-right' showaddelement='yes'/>

<div style='clear: both;'/>

/***** CLOSE Pakmobinfo.blogspot.com ADD A GADGET (Copyright)********************/

And paste it after

</b:section>

6: So, the final code look like this :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='My Test  Blog (Header)' type='Header'/>

</b:section>

/***** OPEN Pakmobinfo.blogspot.com ADD A GADGET (Copyright) *******/

<b:section id='header-right' showaddelement='yes'/>

<div style='clear: both;'/>

/***** CLOSE pakmobinfo.blogspot.com ADD A GADGET (Copyright) *******/

7: In last just hit Save Template, and you are done.

Now go to Layout of your blogger blog and See is 2 gadgets are visible in header of your blog. If YES then now you can use this gadget to insert new widgets, like social sharing buttons, search boxes, Sell this space for Advertisement, or you can also insert Adsense ads to boost your earning.

If you are still facing any problem in this tutorial tell us about it in comments. And Don’t forget to give us feedback. Thanks