Sunday, June 10, 2007

How To Add A New Page Element (For Adsense Ads/Link Unit, Google Search Bar, or Text) At The Top Of The Main Column (Blog Posts) Of Blogger Templates

The new Blogger standard templates or some other modified templates available in the web generally do not provide an “Add a Page Element” widget for us to add a page element at the top of the main column (blog posts column). The “Add a Page Element” widget is usually only available for sidebar and footer.

For instance, you want to place Adsense at the top the main column in every page. Or perhaps you’d like to place Google Search or welcome message text there. To do this, you need to add an “Add a Page Element” widget to the main column.

The following are the steps to add an “Add a Page Element” widget to the main column (blog posts column):

1) Log in to Blooger. In the Dashboard, click “Layout” and it will bring you to “Template” tab. Then click “Edit HTML”. This will open the template editor window.

2) Please remember that every time before you make any changes to the template, save a copy of your original codes first. In case there is something wrong, you can get back your original template again.
(Read this post in case you are not sure how to back up your template: How To Backup Your Blogger Template Codes).

3) Find the following codes in the template editor:
(You can simply click Ctrl+F for find the keyword <div id='main-wrapper'> in the codes).

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

4) Look particularly for: showaddelement='no'. Change it to: showaddelement='yes'. Then save the template.

5) After that, click "Page Elements". Now you can notice that an additional "Add a Page Element" has been added to the top of "Blog Posts".

Now you can add a page element at the top of the main column.
For example:
To add Adsense at the top of the main column, firstly generate the Adsense codes (for Ads Unit, Link Unit or Google Search Bar) from your Adsense account.Then click the "Add a Page Element” button at the top of the “Blog Posts”. When a new window pops up, select “HTML/Javascript”, and then click "Add to blog". Paste the Adsense codes into the box, and click "Save changes".

You might be interested in the following topics:

* How To Add A New Page Element (For Adsense Ads or Image / Picture) In Blog Header Of Blogger Templates

* How To Change The Text Alignment For The Blog Header’s Title And Description

* How To Change The Width Of The Blogger Templates

* Some Tips To Solve Problems in New Blogger