Untuk kali ini saya akan memberikan sedikit tutorial tentang Cara
membuat teks berjalan di menu bar, yang mana sebelumnya telah saya
buatkan artikel cara membuat tulisan berjalan (marquee). Sering kali
kita temui suatu blog menampilkan teks berjalan di menu bar yang juga
merupakan suatu tehnik animasi yang digunakan untuk menambahkan
penampilan unik pada suatu blog. Untuk lebih jelasnya sobat blogger
bisa melihat gambar teks berjalan di menu bar seperti di bawah ini :
Bagi rekan rekan belajar menjadi blogger yang ingin membuat animasinya teks berjalan di menu bar silahkan ikuti petunjuk di bawah ini
1. Login ke blog
2. PilihTemplate , edit Html ( jangan lupa centang Expand Template Widget )
3. Cari kode </head>
4. Letakkan script di bawah ini di atas kode </head>
<script type='text/javascript'>
//<![CDATA[
msg = " -- Selamat datang di teks berjalan di menu bar ";
msg = " | text menu bar -- " + 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()",150);}
scrollMSG();
//]]>
</script>
//<![CDATA[
msg = " -- Selamat datang di teks berjalan di menu bar ";
msg = " | text menu bar -- " + 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()",150);}
scrollMSG();
//]]>
</script>
Teks yang berwarna merah silahkan sobat blogger ganti saja sesuai dengan keinginan anda, dan yang 150 menunjukkan kecepatan teks berjalan , jadi sobat bisa mengganti sesuai dengan keinginan seberapa cepat teks berjalan di menu bar. Demikian posting singkat kali ini Selamat mencoba.semoga berhasil
1 Komentar untuk "Cara Membuat Teks Berjalan Dimenu Bar"
nice artikel
Pengaturan Berkomentar
- Silahkan berkomentar sesuai artikel bisa berupa saran dan kritik,
- Anda juga bisa menggunakan gambar EMOTICON pada komentar,
- Mohon untuk tidak meletakan Link Hidup, Sara, Dan Spam.
- Sebisanya komentar anda saya balas dengan Cepat,
- Untuk mengetahui balasan komentar dari saya silahkan berlangan artikel. Out Of Topic Show Konversi KodeHide Konversi Kode