How to add a gadget / widget in header for adsense

In this tutorial I’ll show you that how to add a adsense banner or other widget in your blogger’s header. Header is the top most part of your blog, and inside the Header you will have other sub-blocks too - for the Header Title,theHeader Description, and others for the Adsense banners, a menu bar,search box, social media button etc... Many new blogger don’t know that how to add a Widget in blogger’s header.  We can add widget in any part of blogger but in this tutorial i’ll show you how to add  a widget on the right of blog Title.  And by this  section you can add any  widget like Adsense , Search box, Social media etc .. in your blogger’s header. If you want to add this section in your blog just follow below instruction :

1 . First go to your blogger account
2 . Than go to Template  >>  Edit html  >>  Proceed
     ( make sure Expand Widget Templates Checkbox is Unchecked   )
3 . Find following line in html  ( press Ctrl + F to find )

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

<b:widget id='Header1locked='true' title='Your blog title(Header)' type='Header'/>

</b:section>

 



4 . Add following code after it.

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

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

 


5 . Add some code of CSS. By this CSS code it will be displaying on the right of blog Title.

       

         >>>   Go to Template  >  Edit html  >  Proceed
                   ( make sure Expand Widget Templates Checkbox is Checked   )

        >>>    Find    ]]></b:skin>   in html code

        >>>    Add following code before    ]]></b:skin> 
   

#header {width:50%;display:inline-block;float:left;}

 #header-right {width:40%;display:inline-block;float:right;padding:10px;}

         >>>   Lastly Save template and Enjoy