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 bar seperti 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

3. Tambah Gadget



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 ANDA" dengan titel web atau blog anda.

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

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Judul: Cara membuat effek scroll pada Titel Bar; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts

• Thread Comments Stylish dengan CSS Modifikasi Thread Comments Blogger Dengan CSS, ini pernah saya bahas dan kali ini saya akan membagikan yang versi duanya yang lebih stylish yang kebetulan saya ... readmore
• CSS CSS atau Cascading Style Sheet adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampi ... readmore
• Css untuk menampilkan judul blog di hompage blogTtutorial-Onlineku..Fungsi dari pada code Css di bawahini adalah untuk menampilkan "judul postiangan/entry saja"pada homepage blog atau halaman utama,jadi jika blog ... readmore
• Cara Membuat Navigasi HalamanCara lain untuk memudahkan pengunjung mencari artikel yang ada pada blog kita adalah memberi tombol navigasi halaman yang berada dibawah artikel. Selain memberikan ... readmore
• Cara buat Fitur Slide AccordionKarya baru lagi saya buat dan kupersembahkan untuk anda yang selalu setia mampir di blog ini.  Widget ini saya beri nama Fitur Slide Accordion. Selain tampilan ... readmore