Home »

How To Add Google Adsense to Blogspot

Wednesday, September 15, 2010

Add Google Adsense to Blogger Blogspot blog. In this tutorial you will learn How To Add Google Adsense to the Header (Above the Title) and How to Add Google Adsense to the Header (Below the Title)


I. How To Add Google Adsense to the Header (Above the Title)


If you want to add Google Adsense to your header for instance above the title you can by adjusting your template to give you the option of adding more than one widget to the header area.

1. Login to Blogger and navigate to Layout > Edit HTML

2. Back up your template as a precaution by downloading the full template to your computer

3. Check the Expand Widgets Template box

4. Find the following code. Easiest way is to select CTRL + F to bring up the toolbar. Then enter <div id='outer-wrapper'> into the find box:

</head>

<body>

<div id='outer-wrapper'>

<div id='header-wrapper'>

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

<b:widget id='Header1' locked='true' title='Blog Know How (Header)' type='Header'>

5. Replace maxwidgets='1' with maxwidgets='3'

6. Save Template

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

Add a Gadget to the Header to insert Google Adsense

8. Click on Add a Gadget and select Google Adsense.

9. Choose the type of ad unit you want. For this example I chose a new linked 728x15 ad unit from the dropdown format menu for an ad that would sit above the title. Configure colors if necessary. Color blending is usually done automatically by Blogger according to the color schema of your template.


10. Click Save

11. Click View Blog to see your new Google Adsense unit in place. all going well your new ad unit should appear look something like the image below

How to Add Google Adsense Ad Unit Above the Title in the Header of Blogger - 728x15 Linked Google Ad Unit

II. How to Add Google Adsense to the Header (Below the Title)


To have your new Google Adsense linked unit appear below the title the steps are the same as above. The difference is that you will need to shift the ad unit into position by using the drag and drop feature to move the widget below the header title in the Layout > Page Elements page.

Add Google Adsense 728x15 Ad Unit to Blogger Header Below the Title

Troubleshooting

By default Blogger will left align these ads so if you want to center the Adsense unit then use the <div align='center'>

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

<b:widget id='AdSense2' locked='false' title='' type='AdSense'>

<b:includable id='main'>

<div class='widget-content'>

<div align='center'><data:adCode/></div>

</div>

In this tutorial you have learnt how to add a Google Adsense unit to above and below the title in header section of your Blogger Blogspot Blog.
Tags: , , ,

Comments[ 0 ]


Post a Comment