How To Add Google Adsense to the Header
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. (use CTRL + F to bring up the toolbar). Then enter
4. Find the following code. (use CTRL + F to bring up the toolbar). Then enter
<div id='outer-wrapper'>
into the find box: (Or Search for
<b:section class='header')</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
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.
Adsense to the Header (Below Title)
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> 
0 comments:
Post a Comment