How To Create Random 468x60 AD Banners Widget?

random1 After having shared 125 by 125 Random Ad Banners Widget For Blogger I hope you will love learning how to create Random 468 by 60 AD Banner widget for your websites.  468x60 Banners are as widely used as 125x125 banners. They are displayed often at the upper part portion of web blogs or other websites. I have kept the coding simple and editable. The banners will change randomly upon each page load or page refresh.  Kindly view a demo first.

 

Live Demo

 

Add a Random Banner Widget To Your Blogger Blogs

To do this simply add the following code in your HTML/JavaScript Widget,

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

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

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

 

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 and URL OF BANNER’S IMAGE-3 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. You can leave it blank if you wish.

That’s it!

Apply it and save your widget to make the magic code work in action! :>

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

3/24/2011

29 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. .Mar 24, 2011, 5:31:00 PM

    Nice Mustafa :)

    By

    http://hari11888.blogspot.com

    ReplyDelete
  2. AnonymousMar 24, 2011, 10:10:00 PM

    When I put it into a HTML/Javascript gadget to be put in the top right of the header, it appears in the top left, and pushes site title down. Any idea of how I can fix this? Thanks in advance!

    ReplyDelete
  3. Mohammad Mustafa AhmedzaiMar 24, 2011, 11:51:00 PM

    @Ayush
    Thanks :)

    @hari
    you welcome! :>

    @Stuart
    Kindly send me the url of your blog where you want to add this plus the screenshot of your layout(Design page) I guess your widget section has less width than required.

    ReplyDelete
  4. AnonymousMar 25, 2011, 2:12:00 AM

    FYI, blog is FAR from finished.

    URL: http://www.subnineseconds.com
    Screenshot: http://i1188.photobucket.com/albums/z408/subnineseconds/Aviarydraft-blogger-comPicture1.png

    Any suggestions on design? I'm trying to make it look clean and professional. I'm think I'm going to create the design in Photoshop so it's unique and looks exactly how I want it. Thanks a lot!

    ReplyDelete
  5. .Mar 25, 2011, 6:19:00 AM

    I got it mustafa... :)

    By

    http://hari11888.blogspot.com

    ReplyDelete
  6. John ( Admin )Mar 25, 2011, 9:25:00 AM

    thanks Mohammad , can u make a post on how to get approved by adsense, which is right time to request google to approve by website ,are there any other add providers better than google adsense

    ReplyDelete
  7. Mohammad Mustafa AhmedzaiMar 25, 2011, 8:10:00 PM

    @stuart
    Buddy you need to create a separate widget section to the right of your sidebar first. Like this one,
    http://i53.tinypic.com/2s0ocpd.gif
    You will have to divide your header into two. You can find tutorials on it online on how to do it.

    @Hari
    Excellent! :>

    @John
    I surely will write on them. Its the damn exams which is eating all my time. :(

    ReplyDelete
  8. John ( Admin )Mar 25, 2011, 8:46:00 PM

    thanks for Ur reply mohammad , and best of luck for Ur exams

    " what exactly are u studying BE engineering "

    ReplyDelete
  9. AnonymousMar 25, 2011, 9:38:00 PM

    Thanks a lot!

    ReplyDelete
  10. RahulMar 26, 2011, 7:10:00 PM

    Mohd

    Can you post some articles related to blogger pages
    1. How should we post in the blogger pages ( same with blogger editor?). I have heard that using the date before the 1st post in blog can tackle this?
    2. In blogger pages i dont want any sidebar content, is that possible?
    3. I dont want the subscribers to get unnecessary notification about the pages, is that possible?
    I am in the process of creating some horizontal navigation menu, so can you post some articles mohd. It will be of great help

    Thanks and Regards
    Rahul

    ReplyDelete
  11. UnknownMar 27, 2011, 8:22:00 PM

    @Ayush
    Do u mean exactly copy pasting?

    ReplyDelete
  12. RafayMar 28, 2011, 6:51:00 PM

    @Ayush
    First of all I don't copy contents from any blogs, And honestly I don't really care if you think it the other way. It's up to you...

    ReplyDelete
  13. Mohammad Mustafa AhmedzaiMar 29, 2011, 10:18:00 PM

    @john
    I am pursuing a degree in Computer Engineering pal. :>

    @Stuart
    Always welcomed.

    @Rahul
    Dear Blogger pages can be used as static pages only. They are best for your table of contents, About me page, contact Me, info etc. They can not be best used to serve for other purposes. I will still look around for new ways of using them.

    For navigation menus kindly read this post -> 30+ “Horizontal” Navigation Menus For Blogger With CSS & HTML Codes


    @ayush

    I am afraid buddy I am not answerable to that pal. Further I know rafay is a talented guy and if you consult him via his blog then he will surely clearify if anything appears conflicting. :>

    @Rafay

    We are bound to respect views brother even if they appear difficult to hear. I hope you understand :>

    ReplyDelete
  14. samyqaidApr 25, 2011, 9:34:00 AM

    thanks Mohammad

    ReplyDelete
  15. AGC Blog LinesSep 6, 2011, 1:33:00 PM

    sir Good afternoon.I have question regarding my adsense ad.Why my adsense ad disappear after I putting the code of 468x 60 random ads of my one site www.peers2peers.webs.com?I need your help sir...How I troubleshoot this

    ReplyDelete
  16. AnwaaRSep 8, 2011, 5:19:00 PM

    Assalam-o-Alikum Sir I Visit Ur Blog... Really I AM Very Happy To Know About Ur Popularity.. In Bloggers.. Can U Please Also Help me in This Field...???

    ReplyDelete
  17. UnknownNov 12, 2011, 12:49:00 PM

    Thank you Mustafa....this is so powerful..ang users friendly.

    ReplyDelete
  18. UnknownNov 28, 2011, 10:29:00 PM

    nice post about create random banner on blogger, i like your post. i have not tested this trick yet, but i will try it in mean time.

    Thank you for helping to all bloggers.

    ReplyDelete
  19. AnonymousJan 9, 2012, 5:12:00 PM

    This is a good banner related website ! I have seen this website.

    ReplyDelete
  20. AnonymousJan 23, 2012, 6:18:00 PM

    Thanks for a nice post..

    ReplyDelete
  21. aasearlesJan 30, 2012, 12:10:00 AM

    To the author: thanks for the code. It works!

    Question: is there any way to program the banner to always change to a different one when the page is refreshed? The way it is now, which is 100% random, it is possible for the same banner to appear once, twice, or even 3 times in a row.

    Thanks again!
    Aaron

    ReplyDelete
  22. HEWI Badan Kebajikan Mahasiswa/i Islam PahangFeb 15, 2012, 11:53:00 AM

    ASsalmmjualaikumWarohmatullah ... Mohammad ..

    im was make create random "468x60 ad banner" and put it code in HTML Widget after that i save but i dont see anything my banner ..

    hermmm ...i hope you can help me ..

    Thanks ...

    ReplyDelete
  23. HEWI Badan Kebajikan Mahasiswa/i Islam PahangFeb 15, 2012, 12:05:00 PM

    Ok Mohammad ...You See My making this add like this are right? .. You think in your mind ok ..

    i making "URL OF ADVERTISER" with my URL WEBSITE Only ..
    are right my make this URL?..

    i making "URL OF BANNER’S IMAGE-1" with URL From Google search images ..

    are right my method ?..

    i making "AD DESCRIPTION" with my speech add ..

    are right my method ?..

    Hope you help me ...because im love to make add in my society & private blog to beautiful also pro look.

    Thanks Mohammad ..

    ReplyDelete
  24. HEWI Badan Kebajikan Mahasiswa/i Islam PahangFeb 15, 2012, 12:11:00 PM

    i want make this banner to sidebar blog but after i save code in HTML Widget in dashboard layout ...i dont see anything add i make when i refresh ..my blog ..

    huh ... its very tired for me now ..

    hope you help me ...

    Thanks Mohammad ..

    ReplyDelete
  25. Mohammad Mustafa AhmedzaiFeb 15, 2012, 5:01:00 PM

    W/salam brother,


    You may not link images from Google image search instead you may save it in blogger and then get the URL from there. Read this tutorial:Backup images in blogger


    It will work just fine then! :)

    ReplyDelete
  26. UnknownSep 2, 2012, 2:18:00 PM

    IS verry beautifull blogg with cool and best article....
    if you want to watch online movies....
    www.siberrygames.com

    ReplyDelete
  27. UnknownSep 6, 2012, 8:10:00 PM

    thanks a lot for helping me master,you're the best

    ReplyDelete
  28. UnknownOct 24, 2012, 6:03:00 PM

    Thank you so much, i feel free now and something i want to say to you....

    THIS IS THE COOLEST BLOG I've See

    ReplyDelete
  29. Promo Code LandJul 16, 2013, 1:59:00 PM

    Hello Dear! your ad Code can,t open ad in new window! kindly update your code, i want to open my ad in new window! thanks in Advance!

    ReplyDelete

Subscribe to: Post Comments ( Atom )