Blogger Templates Help Adding Widgets To Blogger Header And Posts

Blogger Help, Tips and Trics: Blogger Templates Help Adding Widgets To Blogger Header And Posts

On Blogger is easy to add Page Elements to the sidebar and the footer, but there is no option for the Header

Blogger Templates Help

and Top of Blog Posts. Having a Page Element option to these latter two is a useful must. If you want to add a picture at the top of your blog, or a Google Adsense ad at the top of Blogger and at top and bottom of your blog posts.

To have an “Add a Page Element” option, sign in to your Blogger acount, under “Template”, click “Edit HTML”. make a search (ctrl +F), and search for these lines:

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

Change fhe line in bold to this:

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


This will give you 2 more page elements that you can add to your Bogger Header. But if you want you can increase this number.

Now, find these lines of code:

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

Change the line in bold to this

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

Now you can add Page Elements before and after your Blog Posts

Advertise: In some templates, the 'header-wrapper' could be called 'header-wrap. Scroll to where you see an option called showaddelement and you can find the rest.