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:



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>

How you can easily do a sticky post with Blogger Beta

UPDATE 3 April 2009: It is now possible to use the dates and time POST OPTION to schedule posts to be published in the future by chosing a future date and time for the POST OPTION. Thus now if you put a future date, the post will not be published until later. To use the date and time POST OPTION to make a "sticky post", you will first have to publish using current or past date and time and only change the date and time to the future after publishing.

UPDATE 5 November 2006: Now, there are two ways to do a "sticky post", the one mentioned in the update below, and now another one in this post: Bloger Beta: How to add Adsense ads or permanent "sticky post" at the top main column of every page of the blog (click "BACK" button to return to this page).

UPDATE: I have done some testing and I believe I have discovered a way to make a "sticky post" in Blogger Beta. Look at this post: Adding a graphic to your Blogger beta blog (close new window to get back to this page). The post was written with a graphic in mind, but can be used for other things like AdSense ads, text for a "sticky post", etc. The stuff (text, etc., will end up in the Header

There have been numerous requests for ways to do a stick post. Now, the only way to do it is to play with the dates, to future date it:
How to make a post remain at the top of the page
However, this expire at that future date (2007 I believe) which is not too distant in the future. When that date is reached, you will have to future date it again, and this will cause the URL of the post (permalink) to change. That means dead links, fruitless search engine results, etc.

With Blogger Beta, there is an easy way to do a sticky post, provided Blogger put an extra "Add a Page Element" just below the header (just above the post). Anything you put in that new Page Element will appear at the top of every page. Thus you can add text (perhaps an introduction to the blog, instruction on how to navigate the blog, ads, etc,)

I have made a suggestion to Blogger support. But whether they eventually implement it will depend on how many people request for it. Those who want to be able to do a real sticky post for themselves, for fellow bloggers, for friends and relatives, should make a suggestion. You can do it here: Make suggestion to Google Blogger

Update: Got a couple of comments from readers that they are not even aware that there is a new Blogger Beta. Please understand that this is a beta, and there are bugs to iron out, which I suppose they eventually be. However, if you have not been invited to join the beta, you can still start a new Blogger Beta blog to test it. Go to Blogger in Beta, read about it, and if you want to start a new Blogger Beta blog, look for the link "create an account" and click on it. (Ah, I might as well give you the hyperlink here for your convenience: Create an account). I would suggest you proceed with caution. Use an email (Gmail) account that is not associated with any of your current blogs, as I have read reports of numerous problems with not being able to post to current blogs, can't see current blogs on Dashboard, etc. If you do decide to sign up for a test blog, I think you will enjoy the many new features, and especially if you do not like to deal with HTML, this will be good for you.

LATEST UPDATE: You can add an extra "Add a Page Element" to the header by yourself. See Adding a graphic to your blog header. I have used it to add a graphic to the header as well as an AdSense link unit.

Books from Amazon

The Rational Guide to Google Blogger (Technical accuracy is assured by Biz Stone, Former Senior Specialist on the Google Blogger Team)

Book: Blogging for Dummies

NEWER POST

OLDER POST