Membuat TITLE BAR berjalan
pada blog. Kali ini blogtegal akan sharing tentang cara mempercantik
tampilan TITLE BAR berjalan. Ya ini digunakan untuk variasi aja gak
terlalu penting sebenernya, lagi pula TITLE BAR juga gak terlalu
terlihat karna berada dibagian paling atas. Untuk melihat contohnya
silahkan lihat pada demo disini , Okelah langsung mawon.
Langkah membuat TITLE BAR berjalan.
iseng-iseng posting menulis tentang membuat title bar berjalan hehehe. . .
Langkah membuat TITLE BAR berjalan.
- login ke dashbord blog kamu.
- pilih ''RANCANGAN / DESIGN''
- pada halaman ''Element laman'' klik 'Tambah Gadget'
- pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.
- terakhir klik SIMPAN
<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 INTERNET"; 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>
- Keterangan:
- " pada tulisan yang berwarna ungu adalah tampilan teks, ganti sesuai keinginan kamu.
- " pada tulisan yang berwarna hijau tb8_speed = 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan kamu.