Custom Search

Monday, February 2, 2009

How to put Google Adsense below Header

Sponsored Links

Step by step tutorial on how to put Google Adsense below Header.

1. Login to your Blogger account.

2. Backup you Template.

3. Check the Expand Widget Templates checkbox.

4. Locate the code <div id='header-wrapper'>. The code should look something like this:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' preferred='yes' showaddelement='yes'>
<b:widget id='Header1' locked='false
' title='Blogger Tinker (Header)' type='Header'>
<b:includable id='title'>


5. Click SAVE TEMPLATE.

6. Click on Page Elements Tab and you will see that the Header Section already has a Add a Gadget link.

7. Click on the Add a Gadget link.

8. Select HTML/JavaScript widget.
9. Paste your Adsense Code in the Content box.

10. Click on Save.

11. By default the arrangement of your Header Section will be Adsense and then below it is your Header.

12. Just Drag the header above your HTML/JavaScript widget.
13. Click SAVE.

See your blog and it will now have an Adsense below your header title.


2 comments:

shv-trix said...

whats the need to locate header code

Zohaib Nasar said...

couldn't find the code, where to write it ?

Post a Comment

Please subscribe to my rssfeed 16x16 button Subscribe to my RSS Feed or email subscription 16x16 button Subscribe via Email if you want to receive updates. Thanks! ^_^