Kamis, 31 Januari 2013

Cara Membuat Teks Berjalan di Menu Bar



Dalam tutorial saya sebelumnya mengenai membuat text berjalan (marquee), teman-teman semua sudah saya jelaskan bagaimana cara penggunaannya. Tidak lupa kan? Kalau lupa teman-teman semua bisa buka kembali postingan itu disini. Selain membuat teks berjalan di blog, kita juga bisa membuat teks berjalan di menu bar. Belum tahu apa itu menu bar? Nah itu loh teks yang berada dipojok paling atas layar dan di nav bar browser seperti yang ditunjukkan pada gambar dibawah ini.


saya kan tidak suka basa-basi langsung aja saya berikan tutorialnya.....
Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:

1.  Pertama kali yang harus kita lakukan adalah login ke blogger
2. pilih tata letak-tambah gadgets-pilih HTML javascript
3.  Pada menu Design -> Edit HTML
4.  Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'>
//<![CDATA[

msg = " -- Selamat datang di BLOG -- ";
msg = " | http://muhammadhasansadali.blogspot.com/ " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Ganti teks yang dicetak tebal dengan teks yang ingin anda tampilkan. Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.

5. Jika sudah, klik Save Template. Selesai
Jika berhasil anda akan melihat teksnya berjalan di menu bar anda. Untuk lebih jelasnya bisa anda lihat hasilnya disini. Demikian tadi tutorial singkat membuat teks berjalan di menu bar, selamat mencoba.

Semoga bermanfaat

jangan lipa di beri Comant anda ya........

2 komentar:

  1. terimakasih banyak sob, sangat membantu sekali tutorialnya..

    http://landongobatherbal.com/

    BalasHapus