Thursday, January 30, 2014

How to make an Ad Banner to Change every Reload

When you have multi-direct advertisers on your blog and they want the same ad places or position for their  banner advertisements to show or you just want to make a banner on your blog to change every time the page will be refresh or reload by your visitor. You may want to add this widget or simple code that will change the banner images and you can also just use your own adsense, infolinks, or chitika codes.

How to make an Ad Banner to Change every Reload

How the Banner Rotator Works?

The Banner Rotator just consist with a simple javascript code that when every time your visitor reloads the page on your blog, the banner will change. To make it simple for you to understand well, You can add many banners on just one position on your blog that will change every time you reload the page. It randomize what banner to show on your blog.
Just follow the easy step by step procedures below and get your banners ready. You can use this technique for any blog platforms like Blogger, Wordpress, and many more platforms.

Procedure on How to put Banner Rotator on your Blog:

  • First is to login to your Blog Dashboard or Control Panel.
  • Then if you�re using Blogger, Go to Layouts > Add Gadget > AddHTML/Javascript, then insert the code below.
  • If you�re a Wordpress Guy, Just go to Appearance > Widgets> HTML/Javacsript and then insert the code below.
<script language="JavaScript">
    Banner = new Array(3);
 Banner[0] = �<a href=�URL� rel=�nofollow�><img src=�BANNER URL� /></a>�;
Banner[1] = �<a href=�URL� rel=�nofollow�><img src=�BANNER URL� /></a>�;
Banner[2] = "<a href = �URL� rel='nofollow' ><img src=�BANNER URL�></a>";
      index = Math.floor(Math.random() * Banner.length);
    document.write(Banner[index]);
    </script>

Like what I was saying to you above, you can also put your adsense, infolinks, chitika or other ad codes on that Script, Because when you�re using two or more ad program, You may have no spaces for that massive ads for your blog, that�s where you can use it also.

Ad Banner Rotator Customizations:

  • If you have three or more banners or codes to put, just add a new line of code like this:

Banner[3] = �<a href=�URL� rel=�nofollow�><img src=�BANNER URL� /></a>�;
  • Just change the Banner[3] on what banner number it is.
  • And if you want to put your advertising account codes, just remove this lines below and replace it with your adsense codes.
<a href=�URL�  rel=�nofollow�><img src=�BANNER URL� /></a>

Final Words:

This is a really great script so you really need to use this simple code. If you have any questions or suggestions, just comment below and I�ll respond to your comments as soon as possible. Thank you for reading.

Credit Expert

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comentarios:

Post a Comment

 

Copyright @ 2013 Mybloggerzone.

Designed by Templateiy & CollegeTalks