Minggu, 25 April 2010

Menampilkan Teks Berjalan Pada Title Blog

Menampilkan teks animasi pada title bar memang sangat menarik, selain tidak membuat pemandangan cepat jenuh, gadget ini pun bisa memberi warna berbeda di blog Anda. Penasaran? Ikuti petunjuk berikut.
Hal pertama adalah mempersiapkan code HTML yang telah disesuaikan untuk blog kita, berikut adalah kode HTML yang bisa digunakan
  • <script type="text/javascript">
  • //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  • function tb8_makeArray(n){
  • this.length = n;
  • return this.length;
  • }
  • tb8_messages = new tb8_makeArray(2);
  • tb8_messages[0] = "WELCOME TO MY BLOG";
  • tb8_messages[1] = "THANKS FOR YOUR VISITED";
  • tb8_rptType = 'infinite';
  • tb8_rptNbr = 5;
  • tb8_speed = 100;
  • tb8_delay = 2000;
  • 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>


Letakkan code HTMl ini di bagian top bar dan Anda akan tau bagaimana code ini bekerja. Code di atas hanya berisi 2 message, jika Anda mau maka Anda dapat menambahkan sendiri code message lainnya.
Pada awalnya saya sendiri suka dengan tampilannya, namun karena merasa hal tersebut akan menutupi informasi dari blog maka saya pun me-remove-nya. Buat yang kreatif sangat dipersilahkan untuk mengubah code HTML ini agar lebih menarik lagi tentunya, hehe. Wassalam..

Inspirated by any website

Tidak ada komentar:

Posting Komentar