Wednesday 25 April 2012

Cara mempercantik tampilan Title Bar




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.

  • 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 yang di copy:
<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.
iseng-iseng posting menulis tentang membuat title bar berjalan hehehe. . . &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;

No comments:

Post a Comment