Ads 468x60px

Pages

Tuesday, February 13, 2007

Ways of putting searchbar, AdSense ad units, link units, hyperlinks, text, etc in the Blog Header as well as above the post in every page

Got a question from a reader of my blog in the comments section of this post Incorporate AdSense ads in your New Blogger (formerly Blogger Beta) posts. The question was: "How do i add adsense codes as you did on your page on Top right hand side and also on header below search. Currently, i m using 3 column blogger (http://visitformoney.blogspot.com). How do i put adsense code as you did on your site Peter?" in the comments section. As it will be difficult to answer it in the comments section, I thought I will answer it with a post.

The first thing that need to be done is to add "Add a Page Element" in the Header section and the post section of the blog Layout. Refer to the following posts for these:
Adding graphic, AdSense ads, etc to your New Blogger (formerly Blogger Beta) blog Header
New Blogger (formerly Blogger Beta): How to add AdSense ads, searchbar, "sticky post", etc. to your blog

Adding AdSense Ad units, link units or searchbar to the blog Header

First generate the script for your Ad unit, link unit or searchbar in your AdSense Account. Then sign into Blogger Dashboard, select the blog and click LAYOUT. See screenshot below. Click to enlarge:

Add AdSense ad unit, link unit, searchbar, etc. to the blog Header

In the pop-up, select HTML/Javascript, and paste your script there. Then click "Add to blog". If the Page Element is not in the place you want, hover your mouse over the Page Element, drag and drop to whereever you want it.

If you want another page element to contain, for example the link unit, just repeat the process.

BTW, you can actually incorporate both scripts into the same HTML/Javasscript Page Element if you wish.

Adding Searchbar and other stuff above the post in every page

Take this blog for example: Dummies Guide to Google Blogger, what I did was incorporate the AdSense searchbar together with the hyperlink and the text within the same HTML/Jayascript Page Element. I put the script in the scrollbox below for you to see:

<!-- SiteSearch Google -->
<form action="http://www.google.com/custom" target="google_window" method="get">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" height="32" align="left">

<br/>
<input value="dummies-guide-to-google-blogger.blogspot.com" name="domains" type="hidden"/>
<label for="sbi" style="display: none">Enter your search terms</label>
<input maxlength="255" id="sbi" value="" name="q" size="35" type="text"/>
<label for="sbb" style="display: none">Submit search form</label>
<input id="sbb" value="Google Search" name="sa" type="submit"/>
</td></tr>
<tr>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input id="ss0" value="" name="sitesearch" type="radio"/>
<label for="ss0" title="Search the Web"><font color="#000000" size="-1">Web</font></label></td>
<td>
<input id="ss1" checked value="dummies-guide-to-google-blogger.blogspot.com" name="sitesearch" type="radio"/>
<label for="ss1" title="Search dummies-guide-to-google-blogger.blogspot.com"><font color="#000000" size="-1">dummies-guide-to-google-blogger.blogspot.com</font></label></td>
</tr>
</table>
<input value="pub-94080740917" name="client" type="hidden"/>
<input value="1" name="forid" type="hidden"/>
<input value="3432092235" name="channel" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input value="ISO-8859-1" name="oe" type="hidden"/>
<input value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" name="cof" type="hidden"/>
<input value="en" name="hl" type="hidden"/>
</td></tr></table>
</form>
<!-- SiteSearch Google -->

<center><a href="http://dummies-guide-to-google-blogger.blogspot.com/1999/12/content.html"><h1>CONTENT</h1></a></center>
<center>Click on above to get to the CONTENT page. Find topics by using the searchbar above or in the navbar at the top-left corner of the page or use the Labels in the right sidebar</center>

0 comments:

Post a Comment