How To Add Together Widget/Gadget Within The Blogger Weblog Header Section.

Few blogger asked me how to add together a blog Gadget inside the blogger weblog header for the argue of displaying AdSense Ads.

That was really attractive for me equally because at that topographic point is no whatever choice inward default blogger template or fifty-fifty many customized blogger template accessible on network to add together a novel Gadget within the header slot rather you lot can’t fifty-fifty movement the header widget from its default place.

The bulk of blogger wants to add together their AdSense Ads codes or whatever straight advertiser’s Ad banner into the weblog header because this gap is inward a higher house the fold, to a greater extent than oculus catching too gets maximum publish of impressions.

 

So that, today nosotros volition larn the tricks to add together a novel widget within the Blogger header simply also your weblog logo or championship or weblog quest the operate of either displaying AdSense Ads or for adding whatever other 3rd political party HTML/JavaScript codes.

At commencement split upward Blogger Blog Header into 2 parts:

Before start editing blogger template, delight backup your template for hereafter reference on the security side. Now, follow the next steps really charily thus that you lot tin easily split your BlogSpot weblog header into 2 parts inward commencement attempt.

Step 01:Go to your blogger dashboard ,click on Template > Edit HTML

Step02: Click anywhere inward the template editor window too press Ctrl+F for search box.

Now add together the below code within the search box, too thus hitting come inward push to uncovering it.

 

<b:section class='header' id='header' maxwidgets=

Step 03: Replace class='header' with class='header header-left'

Step 04: Now you lot demand to uncovering the next code past times pressing Ctrl+F.

<div class='header-cap-bottom cap-bottom'>

Just inward a higher house this code you lot volition uncovering 2 div tags code like.

</div>

</div>

<div class='header-cap-bottom cap-bottom'>

Step 05: Insert this next HTML code simply inward a higher house these div tags.

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

Now add together a gadget/widget chemical cistron on blogger weblog header.

Step 06: Just inward a higher house <div style='clear:both;'/> pest this code.

<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>

Step 07: Now uncovering </head> tag using Ctrl+F.

Step 08:Now inward a higher house the </head>  tag insert the next CSS mode code. 

<style>

.header-left{

display: inline-block;

float: left;

}

#header-right {

display:inline-block;

float:right;

}

</style>

Step 08: Now relieve your template too become to blogger layout, at that topographic point you lot volition come across 2 gadget on header area.

Now, you lot may apply this novel header department for whatever operate including AdSense Ads or 3rd political party HTML/JavaScript code.