Senin, 21 Desember 2009

ROTATE

Tidak ada artikel menarik nih tentang tutorial blogger...huehuehue -__-' Setelah melakukan walking-walking, mengubek-ngubek, dan mengacak-ngacak web/blog kesana kemari ternyata tidak mendapatkan artikel menarik tentang tutorial BLOG. Capek dweeehhh...!!! Ada sih tutorial mengenai Blog, tapi sayang itu buat WordPress tutornya...huahauhauhau. Mana masuk buat blogspot...HAHAHA. Ini mau mosting artikel biar kelihatan eksis doang nih...hehehe. Dari pada kelupaan mendingan di share ajah. Mau mencoba bagi-bagi script. Javascript BOO!!! Kalau dari sobat blogger ada yang memperhatikan mengenai blog saya ini pasti ada yang berubah-rubah. Pada bagian header, gambarnya tuh berubah-rubah. Pada kotak komentar diatasnya ada tulisan yang juga berubah-rubah. Berubahnya waktu reload/refresh. Oke lah kalo begitu mari kita explorer script apa saja yang mau aku paparkan...
  1. Menampilkan pesan atau kata-kata pilihan.
  2. Codenya sebagai berikut :

    <script language='JavaScript'>
    //store the quotations in arrays
    tips = new Array(4);
    tips[0] = "<b>bla bla bla</b>";
    tips[1] = "<b>bla bla bla bla</b>";
    tips[2] = "<b>bla bla bla bla bla</b>";
    tips[3] = "<b>bla bla bla bla bla bla</b>";
    //calculate a random index
    index = Math.floor(Math.random() * tips.length);
    //display the quotation
    document.write("\n");
    document.write(tips[index]);
    //done
    </script>
    <div style="text-align: right; font-size: 75%; opacity: 0.3;">Re-published by: <a href="http://beben-koben.blogspot.com" target="_blank">Beben Blog</a></div>

    Silahkan ganti tulisan balabala, dengan yang disukai. Jika mau menambahkan pesan/kata, kawan's tinggal menambahkan scriptnya seperti tips[3] = "<b>bla bla bla</b>";. Ganti angka dengan urutan selanjutnya, dan new Array(4); angkanya ganti juga. Kalau jumlah pesan yang mau ditampilkannya berjumlah 5, maka huruf yang berkedip-kedip itu ganti 6, kalau mau 7 pesan ganti dengan 8 dst.
  3. Membuat banner berubah-rubah.
  4. Sama ini juga berubah gambar bannernya waktu di reload/di refresh. Nih codenya :

    <SCRIPT LANGUAGE="JavaScript">

    var how_many_ads = 3
    var now = new Date()
    var sec = now.getSeconds()
    var ad = sec % how_many_ads;
    ad +=1;

    //***** BANNER NOMOR SATU *****

    if (ad==1){

    url="http://URL LINK TUJUAN1.crot/";

    alt="Title suka-suka1";

    banner="http://URL LINK GAMBAR1.jpg";

    width="468";
    height="60";
    }

    //***** BANNER NOMOR DUA *****

    if (ad==2) {

    url="http://URL LINK TUJUAN2.crot";

    alt="Title suka-suka2";

    banner="http://URL LINK GAMBAR2.jpg";

    width="468";
    height="60";
    }

    //***** BANNER NOMOR TIGA *****

    if (ad==3) {

    url="http://URL LINK TUJUAN3.crot";

    alt="Title suka-suka3";

    banner="http://URL LINK GAMBAR3.jpg";

    width="468";
    height="60";
    }

    document.write('<center>');
    document.write('<a href=\"' + url + '\" target=\"_blank\">');
    document.write('<img src=\"' + banner + '\" width=')
    document.write(width + ' height=' + height + ' ');
    document.write('alt=\"' + alt + '\" border=0><br>');
    document.write('</center>');

    </SCRIPT>
    <div style="text-align: right; font-size: 75%; opacity: 0.3;">Re-published by: <a href="http://beben-koben.blogspot.com" target="_blank">Beben Blog</a></div>

    Yang bisa dirubah didalam script tersebut : URL, ALT, BANNER, WIDTH, DAN HEIGHT. Kalau teman mau menambahkan jumlahnya, maka...tinggal menambahkan saja scriptnya!!!
    if (ad==3) {

    url="http://URL LINK TUJUAN3.crot";

    alt="Title suka-suka3";

    banner="http://URL LINK GAMBAR3.jpg";

    width="468";
    height="60";
    }
    Angka yang berkedip-kedip itu ganti dengan angka selanjutnya. Pada bagian atasnya juga dirubah, pada tulisan var how_many_ads = 3. Yang jadi masalah ini bagaimana masukin ke blognya???
Kalau cara instant tinggal masuk ke Layout--->Page Elements--->Add a Gadget--->pilih yang HTML/Javascript. Save, lihat deh hasilnya...xixixi ^,^. Kalau mau dimasukkan kedalam body template sobat, seperti contoh yang ada diatas kotak komentar aku (BeBeN cutez)!!! Biasanya suka ada kendalanya nih. Script² diatas untuk amannya silahkan di convert dulu. Untuk melakukannya silahkan klik link berikut Convert. Setelah itu ambil deh script yang sudah diconvert tadi. Masukkan didalam antara tag <body> dan </body> template kawan's.

Kalau saran BeBeN, coba dulu masukkan tanpa diconvert. Kalau dari blog editornya tidak ada pesan error maka tidak perlu dilakukan langkah mengconvert itu. Kalau ada pesan error, baru deh dilakukan langkah mengconvert. Memosting kayak ginih ajah puyeungna puyeungna...+_+.
Oke segitu aja hasil dari hunting ke web-web script...hahaha. Semoga berhasil, selamat berblogging WassaLam. Oh iyah link akunya jangan didel yah. Lumayan loh backlink. Selamat berkreasi.

N S : Javascript Kit.

Tidak ada komentar:

Posting Komentar