BLOGGER TUTORIAL - How to add another Page Element (Add a Gadget)



If you are intending to use blogger to run an adsense business, you will need to optimise your layout in order to maximise your adsense income. Now Google provide plenty of excellent help and information regarding this, and perhaps the most important piece of advice you can follow is to position you adsense adverts as per their adsense heat map.

This heat map is a simple approximation of your blog layout, but most importantly it shows which areas of your layout will return the most revenue. Of course, you should aim to place your adsense adverts in the red or dark orange areas, that what you are maximising the potential of your blog layout. However there are two problems.

1. Blogger will only allow you to place 3 x adsense adverts in your page elements.

2. If you are using an 'old' blogger layout - like I do  - then you are extremely limited on where your 'Add a Gadget' page elements are.

The question is, what can you do about it? Well, want you want to do is manipulate the blogger layout HTML code so that you can add another 'Add a Gadget' page element. That way it is possible to add an adsense advert slap bang on the red number 9 in the heat map.

So, how do you get an 'Add a Gadget' page element sat above your primary content?

To do this, go to LAYOUT, and click EDIT HTML. This will take you to the template editor. Now before you start, make sure you save a copy of your layout in case a mistake is made and the whole layout corrupts! It shouldn't as this is one of the easiest manipulations of the HTML code you could ever do!

Look for showaddelement. Change showaddelement='no' to showaddelement='yes'. If there is a maxwidgets='1' in front of the showaddelement. Change it to maxwidgets='2' or more or even leave it as maxwidgets='' (unlimited number). If you have problem looking for the above, press ctrl+F and search.

Once you have adjusted the template go back to the Design option and press page elements. You should now have a number of extra 'Add a Gadget' page elements at your disposal.

The above adsense ad unit was added using a HTML/Javascript gadget - yes it doesn't quite fit but I wanted the biggest one I could get. Whatever else you want to add - gadget wise - can be dragged to any sections of your blog using your mouse.

For related articles click onto:
BLOGGER TUTORIAL - How to add a live traffic feed to blogger
BLOGGER TUTORIAL - How to resize photos on blogger
Can't get past 'Welcome' screen - Windows 7?
Gardenofeaden
How to Create a Google Account
How to Create a Hyperlink on Blogger
How to get past being stuck on the 'Welcome' screen using Windows 7

Based on an article by http://www.bloggertipsandtricks.com/2009/02/extra-add-gadget-page-element.html
Photo by
http://www.vaughns-1-pagers.com/internet/google-heatmap-2.htm

1 comment:

website design said...

Very nice tutorial I must say,
In my point of view it is a really helpful for the users.Thanks for sharing.
website design