Add a Widget/Gadget on right side of blogger header

How to Add Widget/Gadget on right side of blogger header :

suppose if you want to add banner or any search box to the right side of your blogger header, this post will help you.To add banner or any search box to the right side of blogger header , we need to add extra gadget on right side of blogger header.

follow below steps to add Widget/Gadget on right side of blogger header

step 1 : go to blogger dashboard

step 2 : click on template

step 3 : click on edit html and tick expand widget templates

step 4 : find below lines in template code


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='seo (Header)' type='Header'/>
replace with below 2 lines

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>

and paste below lines after above to lines


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

and the search for  ]]></b:skin> and paste below code above it

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


step 5 : click on save template

now  go to your blogger layout and add a new gadget on header then it will show on right side of your blogger blog header.