Subscribe For Free Updates!

We'll not spam mate! We promise.

Friday, December 9, 2011

Random Ad Banners Widget For Blogger

Random Ad Banners Widget For Blogger


 



In most blogs which are selling ad spots you often have seen random Ad banners appearing when the page is refreshed. Ever wondered how to show random Ad Banners in Blogger? In today's tutorial we will learn how to create a Random Banner Widget for blogger which will show random Ad banners when a visitor visits a new page on your blog. Using this widget you can display as many Ad banners on a Sponsor Area as you want!


This widget is exactly similar to our previous 125 by 125 AD Banner Widget and in fact it is the most awaited one and have been requested several times by our readers. Just last night I succeeded in creating a simple Java script that uses Array of images and thus displays random images on Page refresh. Creating Random Art banners like this one is compatible to a reliable java web hosting.


Lets have a demo of the widget before jumping to the tutorial. Note:- Refresh the page to see new Ad banners.

How To Add Random Ad Banner Widget To Your Blogs?

Simply follow these steps,


  1. Go To Blogger > Design > Page Elements
  2. Choose HTML/JavaScript Widget
  3. And Paste the following code inside it,



width="265" bgcolor="#ffffff">




























     
      
     
   

URL OF ADVERTISER" rel="nofollow">Advertise Now!


MAKE THE FOLLOWING CHANGES:-
1.  Replace URL OF ADVERTISER with the website link of the advertiser
2.  Replace URL OF BANNER’S IMAGE-1  and URL OF BANNER’S IMAGE-2 with the Image links of the Advertiser’s banners
3.  Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover.
4.  If you want to increase the distance between the ad blocks then edit width="265"
Now after making the necessary customization view your blog to see a beautiful 125 by 125 Banner widget that will change Banners on every different page.


 


Please Give Us Your 1 Minute In Sharing This Post!
SOCIALIZE IT →
FOLLOW US →
SHARE IT →
Powered By:

0 comments:

Post a Comment

Receive updates via Facebook. Click the Like Button Below...

Related Posts Plugin for WordPress, Blogger...