How to add a page element to blogger header

When blogging you may have come accross several templates that you may feel that it would be nice if you have had another page element on blogger header So here in this tutorial we shall learn how we can add a Page element on blogger header. This is a easy hack but some tweaks need to be made on your Template. The need of this page element would be due to that you want to add an advertisement or that you want to add some additional widget that you feel that is quite necessary.

To add this page element,

1. Login to your blogger account


2. Click on Layout


3. Go to EDIT Html tab


4. and search for this line of code (ctrl+f)
   

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

   
   Extra Notes: In this section of the code the header wrapper defines the space on which you want to add the page element, so basically if you like to add a page element on any other space of your blog, simply look for <div id='sidebar'> or <div id='main-wrapper'> for instance, this line of code may change in accordance with other blogger templates( This is just an example).
   
   maxwidgets='1', this defines the number of page elements you want to add on a particular space of your blog, suppose the header wrapper on maxwidgets 1 when made to 3 would give in total of 3 widgets that you can add.
   
   The showddelement would simply allow you to add page elements when made to yes.



5. Change the above code to
   

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

   
   
   Now this will allow you to give in total of 3 page elements on your header space of your blog.

Hope you like this post of ours, to read more post of similar and many more on blogging, enter your email and subscribe with us to recieve updates of this blog via email or subscribe to as a reader.

Subscribe in a reader

Bookmark this post:

Do you think this post is worth reading and would you like to help our work, if so please bookmark this post for us and lets share it with others.

Link to this post:
<a href="http://bloggers-university.blogspot.com/2009/01/how-to-add-page-element-to-blogger.html" target="_blank">How to add a page element to blogger header</a>

---

People who read this post, also read: