Ads 468x60px

Pages

Monday, December 4, 2006

Blogger Beta: How to add AdSense or permanent Sticky Post at the top of the main column

In the standard Blogger Beta templates and also Ramani's 3 column beta template, there is no provision for putting AdSense ads at the top of the main column. You can make a sticky post (close new window/tab to get back to this page) by playing around with the date/time. However, the disadvantage of this method is that it does not last forever. When the "post dated" date is reach, you will have to post date it again. This will change the URL of the post, and that means dead links and starting all over again with search engines for that post. Update: Blogger now no longer changes individual post page URL (permalink, so now you can change the dates, post-date it as many times as you want, no problem.


Here is a method to put AdSense ad at the top of the main column (see Business, Travel and Leisure (close new window/tab to return to this page), or to make a permanent "sticky post" that will remain forever at the top of main page and all other pages of the blog. See blog Motivation and Self Improvements (close new window.tab to return to this page). In that blog, try clicking on the topics in CATEGORIES or the ARCHIVES in the sidebar and observe what is present at the top of the main column.

Here are more examples:

Guide to Malaysia where I have put a searchbar at the top of every page of the blog.

Dummies Guide to Google Blogger where I have added a searchbar as well as a link to the homepage on top of every page of the blog.

Adding a "Add a Page Element" widget to the main column

Sign into Dashboard, and in the relvant blog, click LAYOUT, then click EDIT HTML. In the Template Editor, look for this block of codes:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
</div>

Look particularly for showaddelement='no' and change it to showaddelement='yes', then save the template. Click "Page Elements" to get to the LAYOUT and observe that an additional "Add a Page Element" have been added to the top of "BLOG POSTS".

To add Adsense, generate the Adsense script from your Adsense account (in my example above, I have chosen the "Large rectangle" format) to the top of every page of the main colum, click the extra "Add a Page Element, then in the pop-up, select HTML/Javascript, click "Add to blog", then paste the Adsense script into the box and click "Save changes".

To make a "sticky post", after clicking "Add a Page Element", select TEXT instead and click "Add to blog. Then type in your text into the box. To avoid the text running into the sidebar, you will have to use the return key when you come to the edge of the box.




  NEWER POST    HOME  OLDER POST

0 comments:

Post a Comment