Thursday, February 23, 2012

Add a Gadget Header into Page Element for Blogger.

Add a additional header Gadget into page element so that the blogger owner can add any other article,picture etc under the header.

Just see the picture below how looks default Header Gadget.

Now we can start how to add extra Header Gadget.

Note: Before Edit your Template take your Template full Backup.

Note: Never forget to click on Expand Widget Template tag before Edit or backup your Full Template

1. First Sign-in to your Blogger click on Design under the Design Tab you will see Edit HTML click on it see below. 

2. Find the Below Code ( By preshing Ctrl+F ) Put the code inside the serch box than Enter see picture below.


3. The code will be look like see below.

 <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Blogger Help (Header)' type='Header'>
<b:includable id='title'>

4. Just change here these two things.

(showaddelement='no')  to (showaddelement='yes')

maxwidgets='1') to (maxwidgets='2') 

5. Than click on Save Template,go to the Page Element i am sure you will get extra Header Gadget there see Picture also below.


You have done

Thanks For coming here.


India web hosting said...

Thanks very nice post, i certainly love this website..This is really innovative and a new idea, I like this concept and the way it is carried out in so light and cool manner.
india web hosting

windows hosting said...

Newbies can easily learn to put header,if they read your post once.
All I mean to say is your post is easy and helpful as well.

Google advertising said...

I am looking for a SEO or search engine optimization company here in Melbourne who could help me with my online business. I am basically trying to get to the first page of Google.

Post a Comment