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.
Note: Backup your template.
1. Go to your Blogger dashboard
2. Now go to Template -> Edit HTML -> Click Proceed.
3. Search for the following code using CTRL+F
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!
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.
3. Search for the following code using CTRL+F
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
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!