Tuesday 23 March 2010

MEMBUAT JUDUL BERJALAN

Assalamu'alaikum wr wb
Kali ini kita akan membahas tentang cara membuat title blog berjalan. Yach walaupun sudah banyak yang membuat toturialnya, tidakapalah sekedar berbagi, ya toooh. . .
Ini ada dua cara (pilih salah satu), semua sudah saya coba dan berhasil. cuma cara yang pertama lebih keren, karena tulisan/ judulnya dapat kita ganti sesuai selera.
Cara pertama
kadang cara ini tidak bekerja. Jika cara ini tidak bekerja, biasanya karena kalian memasang script bola pantul atau terlalu banyak gambar. Tapi jika kalian tidak memasang widget tadi maka akan tetap bekerja dengan baik.
Dari pada kelamaan, langsung ke toturialnya. Monggo disimak......
  • Loging Account Blog kalian
  • Kemudian pilih Tata letak
  • Klik edit html
  • Download template kalian sebagai antisipasi kalo ada apa-apa
  • Kemudian cari kode </head> (blok lalu tekan ctrl+f)
  • Kalau sudah ketemu letakkan script berikut diatas kode </head>


    <!-- start title jalan -->

    <script type='text/javascript'>
    //<![CDATA[

    msg = " KIDOS ";
    msg = " | Assalamu'alaikum | Selamat Datang | Belajar Tanpa Buku | Terima Kasih | Wassalamu'alaikum | " + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",50);
    }
    scrollMSG();
    //]]></script>
    <!-- sampai disini title jalan -->
  • Sebelum di simpan, ganti text Assalamu'alaikum | Selamat Datang | Belajar Tanpa Buku | Terima Kasih | Wassalamu'alaikum sesuai dengan keinginan kalian (atau hapus text warna kuning, kemudian ganti dengan karakter dan text kalian, sedangkan angka 50 adalah kecepatan, semakin kecil angkanya maka semakin cepat gerakan judulnya
  • Kalau sudah di edit, Simpan/ save
  • Untuk contohnya bisa dilihat di sini

Cara kedua
Untuk cara ini bagus dan mudah, tapi sayang karakternya tidak dapat dirubah alias judul yang berjalan persis judul sebelumnya. Berikut caranya :
  • Setelah Log in, klik edit html
  • Centang kolom expand template widget
  • Kemudian
    cari script ini <title><data:blog.pageTitle/></title>
    (Blok tulisan diatas lalu tekan ctrl+f)
  • Kalau sudah ketemu, ganti script
    tersebut dengan script berikut:

    <b:include data='blog' name='all-head-content'/>


    <script language='JavaScript'>
    var txt="<data:blog.pageTitle/>";
    var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
    </script>
  • Simpan template
  • Pastikan script
    <b:include data='blog' name='all-head-content'/>
    cuma ada satu yang diatas, karena biasanya ada dua yaitu diatas dan dibawah. untuk yang dibawah kalian hapus saja.

    Mudahkan...............
    Langsung coba yaa..^_^
Wassalamu'alaikum wr wb

No comments:

Post a Comment

Sepatah-dua patah kata dari anda sangat berarti buat kami.
Terima kasih sudah berkunjung...

Pict

Designed by Animart Powered by Blogger