468x60 Banner Ad

468x60 Banner Ad


468*60 banner ad are ad units with the dimensions of 468 pixels wide by 60 pixels tall. They are usually displayed at the upper part of websites/blogs or within the blog posts since they can fit into smaller spaces that don't accommodate the 728x90 leaderboard ads. In this post, steps on how to create a random 468x60 Banner ad widget for blogger have been given. The banners/images will change randomly each time the page loads or page is refreshed and you can also included a description which is shown when a mouse is hovered or if there's no image available.



                   Feedburner Email Subscription Widget For Blogger
                   How to Add IP Widget In Blogger Blogs


How to Create Random 468x60 AD Banners widget for blogger



<script language="JavaScript">
    images = new Array(3);

    images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-1' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-2' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";

    images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-3' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";

    index = Math.floor(Math.random() * images.length);
    document.write(images[index]);
    </script>


In the code above, replace the following highlighted fields
  • URL OF ADVERTISER : Change this to the url of the advertiser
  • URL OF IMAGE: Change this to the URL of the image that is to be displayed on the 468*60 ad
  • AD DESCRIPTION: Change to text that is to be shown on the banner ad.
From the code provided, you can only use three images for the 468*60 banner ad.

  • To add more images , after the last closing hyperlink tag </a>";   add this line of code shown below and replace the necessary fields as specified above.
  • Change new array (3) to new array (4)

images[3] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF IMAGE-3' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";

OR

  • To reduce the number of images, remove the highlighted line of code in blue
  • Change new array (3) to new array (2)

 Also Read:   Free Blog Backgrounds
                    jQuery Background Slideshow Plugin For Blogger

468*60 Banner AD Maker Sites

To create your custom ad banners online, you can check out the following  free 468x60 Banner maker/creator sites where you can get different ad sizes other than the 468*60 dimension. 

Do you like this post? Please link back to this article by copying one of the codes below.

URL Of Post:


HTML Link Code:

BB (forum) link code:

Share on Google Plus

About Grace Joseph

Grace Joseph is an educational and tech blogger. Other than having passion for gadgets and generally the tech niche, she's a writer at heart and reading is forever a hobby.

0 comments:

Post a Comment

Please share your views on this topic with Grace Joseph by leaving a comment.