Wednesday, 9 November 2011

How To Create Random Banner

Hi guys, have you seen on someone's blog a banner that keeps changing on one area? If you do I want to show you how to create random banner. This banner will changes every time someone open a new page or refresh a page.

This random banner is usually used to show a rotating ads banner, on one area and it changes according to time. Follow these steps on how to create random banner.

1. Step one as usual go to your Dashboard area --> and click Design

create random banner

2. Step two Page Element open

3. Step three Add a Gadget
random banner

4. Step four a new window will pop up and then click HTML/Javascript gadget.
create random banner

5. Step five then again a new window will pop up where you can place all the codeHTML/JavaScript code in.
create random banner

6. Step Six copy all the code in the text area bellow and paste the code in the HTML/ JavasScript pop up window.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var ads_number = 2;
var now_date = new Date()
var second = now_date.getSeconds()
var place_ads = second % ads_number;
place_ads +=1;
if (place_ads==1) {
txt="Google";
url="www.google.com";
alt="Your title tag here";
banner="http://youraddres.com/yourbanner.jpg";
}
if (place_ads==2) {
txt="tipsandtricksblogger";
url="www.tipsandtricksblogger.com";
alt="Your site title";
banner="http://youraddres.com/yourbanner.jpg";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_top">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

7. Step Seven save it and you are done. Go to your banner page and check your banner.

Hopefully these step by step tutorial will help you on how to create random banner.

ADVERTISEMENT

Related Posts Plugin for WordPress, Blogger...