"Add A Gadget" In Blogger Header

Header are a very strategic part of a website, including Blogger / Blogspot too. Therefore, it will be great to put ads or other gadgets there. Unfortunately, default Blogger settings do not allow any users to add any gadget there. Fortunately, we can edit the setting to enable gadget addition there. This is a very easy modification yet very useful, trust me.

Here is how we do it. First we need login to Blogger. From the dashboard, we need to go to "layout" section and access “edit HTML”. Then back up the template for precautions (download full template). Then check the “expand template widgets” (opt to view them), and then find these codes:

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

It well be very fast if we use browsers search / find tool. In Mozilla Firefox, the shortcut is Ctrl + F. Once we have found it, we have to replace the codes with these ones:

<b:section class='header' id='header' showaddelement='yes'>

Then save the template, and done. To check it visit your "layout" >> "page elements". Pay attention that now there is a menu “add a gadget” above your header. Like this:

example image

You can add many things with the menu (like in your sidebar), including ads and images. Simple but SWEET!