Sunday, April 4, 2010

Membuat judul blog berjalan

Sobat pernah melihat judul blog yang berjalan? bergerak?? biasanya dari kiri ke kanan ya,,, Dan memang hal itu membuat menarik perhatian, nah sekarang zoel akan membahas tentang hal tersebut. Sebenarnya membuat tulisan judul bergerak seperti itu sangatlah mudah, karena hanya sedikit menambahkan javascript di bagian "data blog titlenya".



Lebih jelasnya seperti ini:
1. Login di blog sobat terlebih dulu
2. Pilih layout
3. edit HTML
4. Centang kotak kecil bertuliskan "expand template widget"

5. Cari code ini <title><data:blog.pageTitle/></title> (gunakan ctrl+f)
6. Sudah ketemukan?? kemudian code diatas ganti dengan code di bawah ini:

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
Nb: Code warna biru adalah angka dari nilai kecepatan judul tersebut bergerak. Jadi jika kita kurangi misal jadi 200 atau 100, maka kecepatannya akan bertambah, namun sebaliknya jika menambah nilai angkanya misal 400 atau 500 jelas akan mengurangi kecepatan bergeraknya judul tersebut.

7. Sudah semuanya coba sobat Preview/pratinjau terlebih dahulu!!
8. Sudah berubahkan? Tinggal save.

No comments:

Post a Comment