Tuesday, February 28, 2012

How to Split Header in Blogger ?

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




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

See Video Tutorial


Post a Comment