How to Split Header in Blogger - How to Put Adsense in Blogger Header



How to Split Header in Blogger ?
Or

How to Put Adsense in Blogger Header?

Lets How ?

Very Simple & Easy ......Just Follow Me....Step By Step

 Sign in Your Blogger Account 

Click on " Design " Tab

 

Click on " Edit Html " Tab 

Uncheck " Expand Widget Templates "( if Check " )

Now Press " Ctrl + F " & Search This

 

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

 

 

Like This Screen Shot

Just Below The Above Code, Paste The Following Code ( See Screen Shot )

 

 

<b:section id='header-right' showaddelement='yes'/><div style='clear: both;'/>





Ok....Now Search This

 

 

               ]]></b:skin>

Past the Following Code Just Above    "  ]]></b:skin> "



#header {display:inline-block;_float:left;}
#header-right {display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}
body#layout #header {width: 50%;}
body#layout #header-right {width: 50%;}
 
  
Search This Code
 
]]> </b:template-skin>

 Just Above That, Paste The,    Following Code
#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}


 Ok....Now Save Template & See Result