How to add Page Elements above the header

• Tweet
• Sharebar

• Tweet

Many of my blogger friend want to add Ads banner above the header wrapper. But not able to add, because there are no option of Add Widget. So I am come with this post. Here I am talking about how to add gadget above the header of your blog. It is a step by step guide. And you easily add this gadget it your blog

How to add Page element Gadget above Header.

1.       Login to your blogger profile.

2.       Go to  Dashboard -> Design _.Edit HTML

3.       Now Expand Widget Template.

4.       Search For ]]></b:skin> Tag

5.        Copy below code and paste before ]]></b:skin> tag

#gadget_header{

margin:10px 0;

padding:1%;

width:100%;}

6.       Now search for tag <div id=’header-wrapper’>

7.        Paste the below Code before the <div id=’header-wrapper’>.

<div id=”gadget_header”>

<b:section class=’header’ id=’gadgetheader’ preferred=’yes’/>

</div>

8.       Now save your template. And enjoy

Now you can able to add any gadget above the header, banner ads and anything what you want.

Good luck and enjoy blogging.

I got news this morning, google think about change the name of blogger, now blogger is included in Google+ and it name is google blog. But you have to wait one more month for thing.