Adding Random Banner Widget in Blogger


Random banner widget is the best way to promote your blog content or to promote your advertisements on your blog.....every time your visitor will see a random banner of your post/advert on your blog.....


Now you just follow these blogger tutorials to set it up:

Step 1 : Blogger Dashboard go to " Layout " and " Add a widget "
Step 2 : Select " HTML/Javascript"
Step 3 : Paste these code below in this 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' ></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='60px' width='468px' ></a>";
images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-3' border='0' height='60px' width='468px' ></a>";
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>


Now Change URL OF ADVERTISER with your links and  URL OF BANNER’S IMAGE-1/2/3 with your images.
You can also change height and width of pics by chaning  height='60px' width='468px' . 
You can also add more banners by changing the script 



Blogger Tutorials from Hardeep Asrani ( http://widcraft.blogspot.com )

No comments:

Post a Comment