How to add Gadgets over header in BlogSpot

By default, Google Blogger doesn’t allow you to add gadgets or widgets over the header. You can only customize the navigation and favicon which situated over header. You know that Google Blogger is a trusted blogging platform since the starting. Even, I also started my blogging  journey depended on Google Blogger which is known as BlogSpot. I know that there are a million of fellow bloggers who runs their blog on this platform.

But sometime they may face different kinds of crux. A small mistake can delete your blog forever. However, let me come into the main topic.

I have a little bit of knowledge on Hyper Text Markup Language (HTML) and you know that Google Blogger depends on HTML and CSS. That’s why, I have learnt this language. This is a very simple but effective programming language.

I have made use of my this little knowledge and discover a new feature in Google Blogger.

How to add gadgets over header in Blogspot blog?

The trick looks very easy and it can be done through anyone within seconds.

At log in to your blogger account and navigate to the following options.

Templates >> Edit HTML

Check the  and make a search. Press Ctrl + F and paste the following code to the search box.


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

Now change the the number of “maxwidgets” from 1 to nothing. Just remove the “1“. Change the value of  “showaddelement” from “no” to “yes”.

Or, you can replace the above code with the following one.

<b:section class=’header’ id=’header’ maxwidgets=” showaddelement=’yes’>

Now save your changes.


I think this will help you very much.

[Note:- This trick is smoothly working on just default themes.]

Feel Free to share your thoughts in the comment section below.
Don't forget to follow us on Twitter, like our Facebook Fan Page and Add us to your circles on Google+ to keep you updated with the latest technology news, gadget reviews, launches around the world and much more
Tagged with