Cara membuat teks berjalan di menu bar
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 barsilahkan 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 semoga bermanfaat.
Posted by: Hengki Kristianto Belajar Menjadi Blogger Updated at : 10.04
0 comments:
Post a Comment