Add a Page Element on 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.

Why Should You Add it?

Now it's time to know the importance behind this simple tweak.Just with this simple tweak you become able to add a new on your blog header.Which I guess would be pretty useful for any blog.As this will alloe us to put some ads on there.Which may also help us to earn some extra bucks cause our blog reader always take a look on our blog header at first.I think now you got the reason of importance about this simple tweak.

How to Add it?

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'>

   
    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.