» » Banner Rotation Script

Banner Rotation Script

    Label: Blogspot


Banner Rotation merupakan alternatif animasi gambar selain animasi gambar GIF dan animasi Flash. Banner Rotation ini menggunakan kode javascipt, jadi tidak akan membuat lambat waktu loading blog. Kode javascript Banner Rotation yang saya gunakan merupakan hasil modifikasi dari script Banner Rotation yang ada di scriptmania.com.

Pada info unik kali ini untuk menggunakan javascript Banner Rotation saya akan memberikan 2 cara pemasangannya, yaitu :

Cara 1 :
Cara ini menggunakan pemasangan javascript langsung di blog. Cara ini saya anggap kurang efektif tapi untuk menambah informasi seputar blogging, jadi saya tetap akan memberikan cara pemasangannya. Lumayanlah buat tambahan ilmu blogging...
  • Siapkan gambar yang akan dijadikan animasi. Dalam script ini saya menggunakan 3 gambar tapi kalo sobat mau menggunakan lebih dari 3 gambar, silakan saja.
  • Taruh gambar tersebut ke hostingan gambar kemudian copy link URL masng-masing gambar tersebut.
  • Ingat !!! Selalu buat full backup kode template sobat untuk menghidari hal-hal yang tidak diinginkan.
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Edit HTML".
  • Cari kode </Head> kemudian copy-paste kode di bawah ini tepat di atas kode </Head>.

    //Script from http://monozcore.blogspot.com
    <script language="JavaScript">
    <!--
    var sponsor = 1;
    function surfToSponsor()
    {
    // Banner links.
       if (sponsor==1) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==2) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==3) window.location.href="http://monozcore.blogspot.com/p/contact.html";
    }

    function changeSponsor()
    {
    // Banner images.
       if (++sponsor > 3)  sponsor = 1;
       if (sponsor==1) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5gMoRS6QciCT3U-aYrWQYkeZAXvPKpQ927I6iEFzNqOkk7Do8v-iQYmh5D2D-NlRPdxwSJT24M_TRm7rxg-Jx21BZqcfZs_OX4Uwb0cE7-ugXavfuRLaqU6erlxtC5gTRQyrtixxNa-uC/s800/MonozAds3468x60.png";
       if (sponsor==2) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWNAdri7o6Bulc8SOY_Q6W5_PZstu6ejWk-kiRgcbBfIrYYpa6izWB1M2-ESte8eqDD7vEGdUq9gaWw9oS4ZwneM7CqDnlUT0OrMq1qF3C44a4iqqVy2DMdCYdcIeg6V-EQty71ndsfItO/s800/MonozAds1468x60.png";
       if (sponsor==3) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfh-dhXlg7Hg2K8F2Yrk81v58VN2Uo6keAXusZ4U2xh62wOQ9aVN47m7zlkPhO5pqHqSXC__BMbKx6FzUVD7gmk5LyagDm7WMsarf3UWV5feU0IruMrxhygDoQXVjAHlkGSfiECwwMh5u/s800/MonozAds2468x60.png";
    // Set this value to the time between
    // rotations (1500 = 1.5 seconds)
       window.setTimeout('changeSponsor();',1500);
    }
    // -->
    </script>
  • Keterangan :
    - Pada kode // Banner links merupakan URL link yang dituju.
    - Pada kode // Banner images merupakan URL lokasi gambar.

  • Cari kode <Body> kemudian ganti kode tersebut dengan kode di bawah ini.

    <body onLoad="window.setTimeout('changeSponsor();',1500);">

  • Copy-paste kode di bawah ini ditempat blog yang sobat inginkan.

    <a href="javascript:surfToSponsor();"><img name="banner" SRC=""></a>

  • Simpan dan lihat hasilnya...
Cara 2 :
Untuk cara yang ke-dua menggunakan trik iFrame. Cara ini lebih efektif karena sobat blogger tidak perlu merubah banyak kode apabila ada perubahan banner dan juga untuk menghindari kesalahan pemasangan script ini.
  • Siapkan gambar yang akan dijadikan animasi. Dalam script ini saya menggunakan 3 gambar tapi kalo sobat mau menggunakan lebih dari 3 gambar, silakan saja.
  • Taruh gambar tersebut ke hostingan gambar kemudian copy link URL masng-masing gambar tersebut.
  • Ingat !!! Selalu buat full backup kode template sobat untuk menghidari hal-hal yang tidak diinginkan.
  • Buat kode HTML halaman website seperti kode HTML di bawah ini. Untuk pembuatan halaman website bisa menggunakan program notepad. Buka notepad kemudian copy-paste kode di bawah ini ke dalam notepad. Klik tombol save pada notepad kemudian untuk pilihan "Save as File Type" pilih "All Files (*.*)". Beri nama file dengan akhiran extension "*.html", contoh: namaFile.html. Setelah file tersebut di simpan cari tempat hostingan file html seperti "http://pastehtml.com". Apabila file html sudah di simpan di tempat hostingan simpan lokasi URL file tersebut.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>MonozCore Ads</title>
    <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKdEh1Mp2BwAq4Dw8iJLXOeVu-QqDT23BNmgrzfcKI6KHRzNNNoDGWaL_-g7RtuOZkP66ualgKdmMs5-sgIBSGmDILvdjCO5A5Mnnw-LZkR6YzPR5DrLd0FsZ14Yq7ymaVJTTWDCnl814/s800/blog_icon.png' rel='icon' type='image/gif'/>
    <meta content='MonozCore, free, software, widget, widgets, blogger widgets, blogger templates, free widgets, best widgets, blogs, blogger, blogspot widgets, blog widgets, money making, internet marketing, seo, blog info, PTC, dollar, freelance, free jobs, jobs, alexa, alexa ranks, pagerank' name='keywords'/>
    <meta content='INDEX, FOLLOW, ARCHIVE' name='ROBOTS'/>
    <meta content='monozcore' name='author'/>
    <meta content='monozcore' name='owner'/>
    <script language="JavaScript">
    <!--
    var sponsor = 1;
    function surfToSponsor()
    {
    // banners will link.
       if (sponsor==1) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==2) window.location.href="http://monozcore.blogspot.com/p/contact.html";
       if (sponsor==3) window.location.href="http://monozcore.blogspot.com/p/contact.html";
    }

    function changeSponsor()
    {
    // Banners
       if (++sponsor > 3)  sponsor = 1;
       if (sponsor==1) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5gMoRS6QciCT3U-aYrWQYkeZAXvPKpQ927I6iEFzNqOkk7Do8v-iQYmh5D2D-NlRPdxwSJT24M_TRm7rxg-Jx21BZqcfZs_OX4Uwb0cE7-ugXavfuRLaqU6erlxtC5gTRQyrtixxNa-uC/s800/MonozAds3468x60.png";
       if (sponsor==2) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWNAdri7o6Bulc8SOY_Q6W5_PZstu6ejWk-kiRgcbBfIrYYpa6izWB1M2-ESte8eqDD7vEGdUq9gaWw9oS4ZwneM7CqDnlUT0OrMq1qF3C44a4iqqVy2DMdCYdcIeg6V-EQty71ndsfItO/s800/MonozAds1468x60.png";
       if (sponsor==3) document.images[0].src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfh-dhXlg7Hg2K8F2Yrk81v58VN2Uo6keAXusZ4U2xh62wOQ9aVN47m7zlkPhO5pqHqSXC__BMbKx6FzUVD7gmk5LyagDm7WMsarf3UWV5feU0IruMrxhygDoQXVjAHlkGSfiECwwMh5u/s800/MonozAds2468x60.png";
    // Set this value to the time between
    // rotations (1500 = 1.5 seconds)
       window.setTimeout('changeSponsor();',1500);
    }
    // -->
    </script>
      </head>
      <body onLoad="window.setTimeout('changeSponsor();',1500);" style="background-color:transparent">
      <a href="javascript:surfToSponsor();" title="Place Ads Order" alt="ads here 468x60 px idr 40,000,- /month"><img name="banner" SRC="" style="left:0; top:0; margin:0; padding:0;"></a>
      </body>
    </html>

  • Untuk pemasangan script sama seperti cara 1.
  • Sesuaikan link yang dituju dan lokasi URL gambar.
  • Tempatkan kode iFrame di bawah ini pada tempat di blog sesuai yang sobat inginkan.

    <div align="center" class="topstyle">
    <iframe src="http://pastehtml.com/view/bf9gv8lk1.html" frameborder="0" scrolling="no" width="468px" height="60px" marginwidth="0" marginheight="0">You need a Frames Capable browser to view this content.</iframe></div>

  • Ganti src iFrame yang berwarna biru dengan lokasi URL file html yang tadi sudah disimpan.
  • Simpan dan lihat hasilnya...
.:Selamat Mencoba:.
    Banner Rotation Script 4.5 5 Unknown Banner Rotation merupakan alternatif animasi gambar selain animasi gambar GIF dan animasi Flash. Banner Rotation ini menggunakan kode javasc...


    Label:

    Tidak ada komentar:

    Posting Komentar