cara menghias title bar dengan efek berjalan dengan kalimat yang diinginkan



Halo bloggers, kali ini saya punya sebuah tutorial menghias blog lagi. Yaitu bagaimana cara membuat title blog anda di title bar berjalan dengan text yang anda  inginkan. Bagaimana cara menghias title bar anda. Contohnya kaya gambar di bawah ini :

title bar dengan efek kalimat berjalan

(maaf, kalo Cuma screen shoot,)
Barangkali kalian tertarik?. Jika kalian ingin menghias blog anda dengan ini, kalian dapat mengikti langkah langkah di bawah ini :
           1. Log ini ke dasbor anda 
    2. Buka menu “layout/design”
           3. Add gadget dengan tipe “HTML/javascript
    4. Kemudian, isikan kode/script di bawah ini di dalamnya.

<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "WELCOME TO OUR WEBSITE"; tb8_messages[1] = "INFORMATION ABOUT Blogging"; tb8_messages[2] = "AND THANKS FOR VISITING"; 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>
    
    5. Kemudian save, dan selesai

Keterangan :
-          Text yang berwana ungu adalah text yang akan di tampilkan di title bar blog anda, anda dapat memodifikasinya sesuka hati.
-          Text yang berwarna hijau adalah code yang mengontrol kecepatan berjalan/bergeraknya title di title bar kita, anda dapat memodifikasinya sesuka hati. Makin besar nilanya, makin besar pula kecepatannya.

langkah-langkah di atas hanya jika anda menggunakan platform blogger/blogspot, untuk yang memakai platform blog yang lain, sesuaikan saja. Atau bisa anda tanyakan juga di coment. Silahkan tanyakan jika memang ada pertanyaan :)
semoga bermanfaat :)

Share ke :

About Syakir Rahman

Syakir rahman adalah seorang blogger, dan juga front-end web developer. Kunjung website pribadinya disini : http://www.syakirurohman.net
    Blogger Comment
    Facebook Comment

0 comments:

Posting Komentar