Breaking News
Loading...
Monday 15 October 2012

Add Google Adsense To Blogger Header (Above The Title)

Now, i will show you how to add Google Adsense above your header, for instance just above the title of your Blogger blog. This can be done by adjusting your template to give you the option of adding more than one widget to the header area.



Add a new element to Blogger header


1. If you are using the old Blogger interface:

Go to Dashboard - Design - Edit HTML - (make a backup) Expand Widget Template

If you are using the new Blogger interface:

Go to Dashboard - Template - Edit HTML - Proceed - (make a backup) Expand Widget Template

2. Next try to find (CTRL + F) this piece of code:

<div id='header-wrapper'>


...if you can't find that one, search for this one:

<div class='region-inner header-inner'>



3. Immediately after one of these lines, you'll see this code:

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



4. Replace the values in red like in this example below:

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



5. Save the Template.

Adding the Adsense ad unit above the Blogger header


1. Navigate to Design > Page Elements and view the new option to add a gadget to the header area




2. Click on Add a Gadget link and select the Google Adsense gadget.

Choose the type of ad unit you want. Color blending is usually done automatically by Blogger according to the color schema of your template.

3. Click Save

Now View your Blog to see your new Google Adsense unit.


Blogger Trick

0 comments:

Post a Comment

E for Entertainment, Entertainment for everyone , this blog provide entertainment for people of every age group. This blog contains Pakistani Dramas Online, Online Movies ,Free Online Live tv Streaming Channels, English and Urdu Stories, Wallpapers, English and Urdu stories, Games, Songs, Softwares and much more.
 
Toggle Footer