Wednesday, April 27, 2011

Add page element Gadget above your blogger header

Add page element Gadget above your blogger header

add gadget,blogger,gadget,blog,how to,blogger tools,blogger tricks
This is very useful to when when trying to put banner ads before your header.some template not including this. so you have to add this gadget.Follow this steps, you can add it to your blogger.



1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F 

4. Paste below code before ]]></b:skin> tag

#gadget_header{
margin:10px 0;
padding:1%;
width:100%;} 

5. Now find this tag again <div id='header-wrapper'> 

6. Paste below code before above tag
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>  

7.  Now you can add any gadget to before your header.


Good luck.

21 comments:

  1. how can i add the Newer Post/Older Post Arrow to my site
    I couldnt find div id header wrapper in my template

    ReplyDelete
  2. Sliyng , What is your website address ?

    ReplyDelete
  3. I couldnt find div id header wrapper in my template
    www.ashiq-hassan.blogspot.com
    me email

    ReplyDelete
  4. Try to add it before
    'fauxborder-left tabs-fauxborder-left'
    div tag.

    ReplyDelete
  5. couldn't find the second piece i have the new template with css. what can i put?

    ReplyDelete
  6. is there any way where by i can have this gadget option placed below my blog title?

    ReplyDelete
  7. @ boo
    you mean div id='header-wrapper tag?

    ReplyDelete
  8. http://sogyeltobgyel.blogspot.com/

    ReplyDelete
  9. Second step- find "div id=content-wrapper" and paste after the above tag. if u have problem of this, contact me.

    ReplyDelete
  10. this is really good. But is there any way where there can be two or more gadgets on the same line so that if its like a clock and the date then it fits perfectly? Please help...

    ReplyDelete
  11. I can't find "header wrapper" in my blog html.What's the problem?Plz help.

    ReplyDelete
  12. hello thanks alot i got the idea but i have two issues...

    1. the banner is not the same size when i change computers... sometimes too left sometimes too right... depends on the computer

    2. another issue is i just wanted to replace the text header with the image header... check out may sample blog http://pro-24music.blogspot.com/

    ReplyDelete
  13. Thanks, it help me a lot,I have a great blog, check it out.
    rosefavours.blogspot.com

    ReplyDelete
  14. It doesn't work on my blog.

    http://advance-marketing.blogspot.com/

    waiting for your response. thanks

    ReplyDelete
    Replies
    1. Just leave a message via contact us page.
      i will work for it.

      Delete
  15. Just as a little suggestion: You might try taking a screen cap of the finished look so that people can decide if that is exactly the effect they are looking for.

    ReplyDelete