How To Add Gadgets Above Blogger Header

How To Add Gadgets Above Blogger Header

In this post, I'll show you how to add widgets above your blogger blog's header. These gadgets are useful in placing ads, social networking widgets, extra navigation links above the header.

You'll find that the region above header is locked and there's no way to add extra gadgets above it. So how do you unlock it? To achieve this, you don't have to make any major modifications here, one minor XML tweak and you're done.

Follow the steps to add more gadgets above blogger header:

Note: Backup your template.

1. Go to your Blogger dashboard

2. Now go to Template -> Edit HTML -> Click Proceed.

gadgets above blog header3. Search for the following code using CTRL+F

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

4. Now change the value of "maxwidgets" to the number of gadgets you wish to add.

5. Similarly, change the "showaddelement" value to ‘yes’.

6. Save the template.

7. Now go to the layout section of your blog.

8. You will see an extra ‘Add a Gadget’ button above the header.

That's it!


  1. I have a question - after you've added the ability to add gadgets above the header, is there anyway to split those gadgets in two?

  2. The "maxwidgets" property enables you to add as many gadgets as required.


All comments are moderated, so please don't spam. Do not add URL links inside comments, they won't be published.

About Me

A computer science graduate with over 7 years experience in Web/Game development, A passionate Blogger and Photographer.
Copyright © | Sitemap |. Powered by Blogger.