How to Add a Gadget Above Header of Your Blogger ?

Adding a Gadget Above Header

You may notice that you can not Add a Gadget above Header in your blogger. There are many benefits of adding a Gadget above header, you can place your ads, you can make menu bar above header using HTML/Java Script gadget, you can add pages, you can add search engine above your header.

If you want to add a Gadget above header of your blogger then you can add as follows.

Step 1: Login to Blogger

Step 2: Go To Design -> Edit HTML



Step 3: Download Full Template

Step 4: Click on Expand Widget Templates See the image below for Step 3 and Step 4



Step 5: Find the code below (You can find this code by Ctrl + F -> b:section class='header')

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

Step 6: Change this code as follows

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

I Changed maxwidgets='1' to maxwidgets='4'

and Change showaddelement='no' to showaddelement='yes'

Step 6: Now click on Save Template and you will see you can add a Gadget above blogger Header.

See the image as below.



If you get any problem for adding this gadget then you can ask here by giving Comment !

Note: This trick can be implemented to new blogger template such as Simple, Picture Window, Awesome Inc, Watermark, Ethereal and Travel Templates