Blogger - Add page elements to blog header or post

Yet, another simple tips for blogger.com users. If you have used the default templates that was provided by blogger.com, you will noticed that you will absolutely cannot adding some page elements to your blog header or post.

Adding a page element to a blog header or post are a great things to do if you want to place an Adsense code. Besides, it'll become more handy if you want to add some tab menu or breadcrumb menu to your blog. Maybe next time I'll discuss about this.

Ok, check this out.


Add Page Elements to blog header

First, go to your Template > Edit HTML and find this code:-

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

then replace it with this code:-

<b:section class="header" id="header" maxwidgets="5" showaddelement="yes">

Save your template. Now, you can add 4 extra widgets or page elements to your header.

Note: It's not necessarily 5, maxwidgets='5', you can put any number you want. E.g: 6, 7 or 11.


Add Page Elements to blog post

Go to Template > Edit HTML and find this code:-

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

and replace it with this one:-

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

Save your template. Now, you can add a page element just before or after your blog post.

Note: Just drag the page element that you have been created to the top of the post if you want it to be appear just before your blog post.

That's all for now. Happy blogging!!