Bloggers who use AdSense in their blog would like to have various banners displayed. But having them one below the other (or) one beside the other is cumbersome and space consuming. The blog-space is precious… so you cannot afford to waste even one pixel of it.. particularly if you are using Adsense
Lets say you have about 3 banners which you would like to display in your blog.. but alloting seperate space for each would make your blog look crowded. So how would it feel to have a specific space ( certain width and height) allotted , and the banners are flashed on-and-off while the reader is viewing the contents of your blog.To get a fair idea..look at the bottom of this blog.You can incorporate this into your blog..just follow the instructions closely. Its more advisable if the banners have the same width and height…( this will improve the looking-feel)
- Save and Backup your template
( eventhough you are dealing with a single HTML widget) - Template-page Elements – Add Elements
- Add a HTML widget
- Add the following script code
<script src="http://deepa7476.googlepages.com/Rotating_banner.js">
</script> - Then add this
<a src=”http://www.hotspot.freeserve.co.uk/scripterlative/bn4.gif” href=”#” name=”myShow1″>
<img height=”49″ width=”335″ src=”http://www.hotspot.freeserve.co.uk/scripterlative/bn1.gif” name=”img1″ />
</a>
You may alter only the height and width property of the above <img> tag.
Its advisable not to change anything else..coz.. this <img> holder will be responsible for the display of banner. I don’t think you would want to mess with that - Add this
<Script type=”text/javascript”>
RBanner.show(‘myShow1′,’img1’, 2, false,
‘ URL_of_Banner1 ‘,’http://www.BANNERSITE_1.com’,” Text_On_MouseOver“,
‘ URL_of_Banner2 ‘,’http://www.BANNERSITE_2.com’,”Text_On_MouseOver“,
‘ URL_of_Banner3 ‘,’http://www.BANNERSITE_3.com’,”Text_On_MouseOver“,
‘ URL_of_Banner4 ‘,’http://www.BANNERSITE_4.com’,”Text_On_MouseOver“
);
Lets now see the Structure of STEP-4 ( Advanced users may view instructions within js file)This has 4 pictures used as banner, and each banner is displayed for about 2 seconds.If you wish to add more pictures just repeat the lines in exactly the same order…remeber.. the last image – URL- MouseOverText does not have a comma (,)
- Once you have replaced the appropriate Banner pictures- respective URL’s – and the respective Text that is displayed when the mouse is moved over , you may save the widget and view you blog
- This has worked out well for me.. Hope the same for you too
Do let me know what you think about this.Credits to scripterlativeYour appreciation is my motivation