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