How To Add Widget Below Blogger Header?

Adding a widget above or below the title / header of my Blogger blogsite is not as complicated as I thought. You just need to follow the instructions in order to create a new widget or element like the sample image below.

-----------------------------------------------------------------------------

-----------------------------------------------------------------------------

Once there is an element, you can also apply and save other applications like Adsense. See example above.

And here is the technique:

1. Log in to your Blogger Account.

2. Go to Layout and to Edit HTML.

3. Click Download Full Template and save it. It is important to have a backup copy of your template, in case something goes wrong.

4. Find the code below. One way to easily locate the code is to click CTRL+F, then type section class and click Enter.

<section class="header" id="header" maxwidgets="1" showaddelement="no">

5. Change the code with the one below.

<section class='header' id='header' preferred='yes'>

6. Save the template.

7. Go to back to Layout then Page Element.

8. You can see that a new element has been added just above the header. Now, click Add a Page Element.

9. You can choose and add a widget that you want, for example Adsense.

10. If you want the widget (ex. Adsense) to be placed exactly below the header, go back to Page Element section and simply drag the widget.

11. Click Save at the top of the page when you are done.

If you want the Adsense to appear as links (the same as what I did with the image above), look for Adsense in Page Element area and click Edit. Change the format to 728x15 horizontal row.

That's all.