Tutorial Membuat Title Blog pada Tab Bergerak dan Berganti-ganti

Halo sobat blogger, kali ini saya akan berbagi sesuatu yang menarik, yaitu cara membuat judul/title blog pada tab menjadi bergerak dan berganti-ganti. Bagi kalian yang ingin mempercantik blog boleh coba, atau bagi kalian yang ingin mencobanya saja, itu tak masalah. cara ini saya dapatkan ketika saya berselancar ke blog-blog teman. Mungkin langsung aja ya, hehe.. untuk contohnya anda bisa melihat tab pada blog ini.

Langkah pertama ialah:

1. Login ke Blogger terlebih dahulu
2. Kemudian pilih Template
3. Lalu pilih Edit Html > Lanjutkan, lalu klik Expand Template Widget

Klik pada gambar untuk perbesar

4. Jika sudah, cari kode </head> dengan tekan tombol Ctrl+F pada keyboard
5. kalau sudah menemukan kodenya, Copy kode dibawah ini dibawah kode </head>

<script language='JavaScript'>var txt=" Welcome to Ino-Yasha's Blog "; var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

*Note:

Ganti tulisan berwarna Merah diatas dengan teks yang anda inginkan
Ganti tulisan berwarna Biru dengan angka yang anda inginkan untuk kecepatannya, semakin besar angka, maka semakin lambat kecepatannya, dan begitu sebaliknya

Nah mudah bukan sahabat blogger, lalu bagi yang ingin membuat teksnya berganti-ganti, caranya ada di bawah ini sobat.

1. Login dulu ke Blogger
2. Kemudian pilih Tata Letak
3. Lalu klik Tambah Gadget > pilih Html/Javasript
4. Lalu masukkan Script di bawah ini

<script>function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);

tb8_messages[0] = "Hai Sobat Blogger...";
tb8_messages[1] = "Welcome to Ino-yasha's Blog";
tb8_messages[2] = "Ino-Yasha.blogspot.com";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 125;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>

*Note:

Ganti tulisan yang berwarna Merah dengan tulisan yang kamu inginkan
Kalau anda, para sobat blogger ingin menambahkan kata-kata lagi maka tambahkan saja script berikut diatas script tb8_rptType = 'infinite'; (agar lebih mudah gunakan Ctrl+F)

tb8_messages[3] = "Masukkan Kata-katamu di sini";
tb8_messages[4] = "Masukkan Kata-katamu di sini";
tb8_messages[5] = "Masukkan Kata-katamu di sini";