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.
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-1' 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 »









36 comments:
Cool! Thanks for the tip Mohammad
Nice Mustafa :)
By
http://hari11888.blogspot.com
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!
@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.
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!
I got it mustafa... :)
By
http://hari11888.blogspot.com
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
@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. :(
thanks for Ur reply mohammad , and best of luck for Ur exams
" what exactly are u studying BE engineering "
Thanks a lot!
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
Hey Mohammad, your home buddy Rafay is scraping contents from many other sites and I've noticed it many times. Please warn him.
@Ayush
Do u mean exactly copy pasting?
@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...
@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 :>
Very good, thanks for sharing.
thanks Mohammad
Great! I just happened to come across your blog. I appreciate your approach on this issue. I have added you to my favorites! Thanks a lot!
seo
thanks that is really clear and helpful.
Want to play copied games on your 360? Visit 360expertz.co.uk - Number 1 Flashing Service in Torquay Devon just £15.00
Hi this one is great and is really a good post. and also good content of the information Very well written I appreciate & must say good job..
register domain name india
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
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...???
Thank you Mustafa....this is so powerful..ang users friendly.
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.
I know a good Advertising website ! and also know a website keyword about related PVC Banners.
This is a good banner related website ! I have seen this website.
Thanks for a nice post..
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
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 ...
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 ..
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 ..
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! :)
Professional post on Creating Random 468x60 AD Banners Widget..I am really impressed on the great coming on this amazing principle. Thanks for taking your time to discuss it with us.
Hosting a website in india
Post is very cool but i don't have any advertisment.Mashable Tricks
Hellow, great work man, i use this nifty script on my blog and works great will all banner sizes (728, 160, 338, 300 ...)
Great and than !
Watch Online TV Gratis !
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad