Blogger Ve Blogcular İçin Rastgele Değişen Bannerler !

Evet Arkadaşlar bu yazımda Blogger ve Blogcu servislerini kullanan arkadaşlara yönelik yazımda rasgele değişen bannerlerin nasıl yapılacağını anlatacağım.Bu Eklentiyi sadece bloggerler değil blogcu sevsini kullanan arkadaşlarımızda gönül rahatlığı ile kullanabilirler.

Demo

Sayfayı yeniler iseniz bannerlerin yer değiştiğini göreceksiniz.

Evet Kodlarımıza geçelim

Blogcu arkadaşlar şablonlarında uygun bir yere

Bloggerler ise ekle benüsünden HTML + Javascripti seçip veya var olan bir menüye

aşağıdaki kodları kendilerine göre düzenleyip kullanabilirler.

    <div align="center">
    <table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
    <tbody><tr>
    <td><center>

    <!--  BANNER#1  -->

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

    images[0] = "<a href = 'http://mucozer.blogspot.com' rel='nofollow' ><img src='http://codersstuff.com/wp-content/uploads/2009/02/blogger_logo.png' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'http://mucozer.blogspot.com' rel='nofollow' ><img src='http://static.blogcu.com/images/blogcu-logo.jpg' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

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

    </center></td>

    <td><center>

    <!--  BANNER#2  -->

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

    images[0] = "<a href = 'BURAYA URL GELECEK' rel='nofollow' ><img src='1.Resim URLsi' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'BURAYA URL GELECEK' rel='nofollow' ><img src='2.Resim URLsi' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

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

    </center></td>
    </tr>
    <tr>

    <td><center>

    <!--  BANNER#3  -->

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

    images[0] = "<a href = 'BURAYA URL GELECEK' rel='nofollow' ><img src='1.Resim URLsi' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'BURAYA URL GELECEK' rel='nofollow' ><img src='2.Resim URLsi' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

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

    </center></td>

    <td><center>

    <!--  BANNER#4  -->

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

    images[0] = "<a href = 'BURAYA URL GELECEK' rel='nofollow' ><img src='1.Resim URLsi' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

    images[1] = "<a href = 'BURAYA URL GELECEK' rel='nofollow' ><img src='2.Resim URLsi' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

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

    </td></center>

    </tr>

    </tbody></table>

    <table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
    <tbody>
          <tr>
           <td><center><a href="BURAYA GÖRÜŞME LİNKİ GELECEK" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="file:///C:/Documents%20and%20Settings/Mohammad/Desktop/ADVERTISE-HERE.gif" /></a></center></td>
          </tr>

        </tbody></table>

    </div>

Linkleri kendinize göre ayarlayıp kullanabilirsiniz.

Not:Eklediğiniz resimlerin boyutu otomatik olarak 125x125 pixele ayarlanacaktır