Thursday 19 January 2012

Cara membuat effek scroll pada Titel Bar




Cara membuat effek scroll pada Titel Bar ini saya dapat dari blogger tip dan trik. Mudah - mudahan anda juga tertarik untuk memberi effek scroll pada titel barseperti yang anda lihat di blog ini pada bagian atas, tepatnya bagian titel bar.
Cara buatnya sangat mudah, sebab kita tinggal menaruh kode javascript dibawah ini kedalam gadget. Silahkan anda ikuti langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan dan pilih Elemen Laman


4. Pada jendela baru anda Anda pilih gadget HTML/JavaScript


4. Copy dan paste kode dibawah ini pada gadget tersebut :


<script language=javascript> var rev = "fwd"; function titlebar(val) { var msg  = "DISINI TEKS TITEL WEB ATAU BLOG ANDA"; var res = " "; var speed = 100; var pos = val;  msg = "   |--- "+msg+" ---|"; var le = msg.length; if(rev == "fwd"){  if(pos < le){  pos = pos+1;  scroll = msg.substr(0,pos);  document.title = scroll;  timer = window.setTimeout("titlebar("+pos+")",speed);  }  else{  rev = "bwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } else{  if(pos > 0){  pos = pos-1;  var ale = le-pos;  scrol = msg.substr(ale,le);  document.title = scrol;  timer = window.setTimeout("titlebar("+pos+")",speed);  }  else{  rev = "fwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } }  titlebar(0); </script><br /> 


Keterangan :  
  •  var speed = 100  adalah kecepatan effek scroll (bisa anda ubah nilainya).
  •  Ganti " DISINI TEKS TITEL WEB ATAU BLOG ANDAdengan titel web atau blog anda.

5. Simpan dan selesai.
Silahkan anda lihat hasilnya......



No comments:

Post a Comment