Add Gadget Widget in Blogger Header section Add Gadget Widget in Blogger Header section

How To Add Gadget Widget Section in Blogger Header section

Header Gadget

How To Add Gadget  Widget in Blogger Header section We have seen many blogger have a Adsense add unit or any other add and social media widget  in header section of the blog , we are always not able to add gadget or widget in header section of blogpot in default template and some customized template  so today we will learn how to add gadget widget section in blogger header we can show in this widget adsense add unit 468+6 search box social media sharing button,the reason some of blogger use adsense add in header section because it’s maximize number of impression

 

Add Gadget In blogger header

To add gadget in header section of the blog follow these steps first all make backup your template and get xml file to make backup go template and click on the backup/restore button

  • Now click on the edit html
  • Find the below code to find it press CTR+F

 

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Blog Title undefinedHeader)’ type=’Header’>
</b:section>

 

  • After finding this code add the below code after the above code

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

  • Now find the below code

]]></b:skin>

 

    • Now add the below code just above ]]></b:skin>

#header, body#layout #header {width:50%;display:inline-block;float:left;} #header-right, body#layout #header-right {width:35%;display:inline-block;float:right;padding:15px;} #header-right .widget {margin:0;}

  • Click on the save your template
  • Click on the Layout you will see the new gadget section

Add this section anything like Google adsense add unit or any other advertise network add  search box social media icon  or you can also sell this space to boost your income

Leave a Reply