How To Add Widget Beside The Blogger blog Header

How to add widget beside the blogger blog Header? It is very easy and useful to add adsense winget.

1. Fast log in your blogger. Go to Design > Edit HTML and find this code and knew your blog size

#header-wrapper {

width:950px;

margin:0 auto 10px;
border:1px solid $bordercolor;
}

2. Now find

#header {
color:#000000;
text-align:left;
}
Some think lick that.

3. Change to

#header {
width: 400px;
float: left;
margin: 5px;
text-align: center;
color:#000000;
}
#header-right {
width: 400px;
float: right;
margin: 5px;
color:#000000;
}

This way you will get header to right and the sidebar widget section to left.

4. Now comes the part where it would add a widget section to blogger header. Find the bellow section:

<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="YOUR BLOG TITLE (Header)" type="Header">
</b:section>
</div>

5. And replace it with:

<b:div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="YOUR BLOG TITLE (Header)" type="Header">
</b:section>
<section class="header" id="header-right" showaddelement="yes"></section></div>
</b:section>
</div>

Now seve your themplate.