How to Add Page Elements on Top of Blogger Header

Do you ever want to have a Page Elements on top of your blogger header?

You are on the right page, this will help you doing that, and possibly can earn more money, attraction to you visitors. Here are the steps to do it.

You would notice under Template -->> Page Elements that there are options to add a Page Element under the blog header, sidebar and footer of your blog. However, there is none for the top Header above the blogger header. Having a Page Element option to these latter two is useful. You may want to add a picture at the top, or a Google Adsense ad at the top of your blog posts.

To have an “Add a Page Element” option, under “Template”, click “Edit HTML”. Find these lines, or press CTRL F and paste this code.

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

And Change them to these code.

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

This will give you 2 more page elements above your blogger header, and you can increase the maxwidgets number if yow want, to have moe page elements.

After that find this lines.

<b:section class='main' id='main' showaddelement='no'>

And Change it to these lines.

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

You are now able to add Page Elements above your Blogger Header. I hope this will help.