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>
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.
Artikel Terkait Tutorial Blogging
- Cara agar hanya judul postingan yang terlihat
- STRUKTUR DASAR DOKUMEN HTML
- Cara Membuat Banner Slideshow dengan JavaScript
- Merubah agar blog terlihat sedang dalam maintenance
- Cara Mematikan Klik Kanan pada Mouse
- Cara Mengganti Older Posts Dengan Angka
- Cara membuat teks berjalan (marquee) di menu bar blogspot
- Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Label Tertentu
- Cara Membuat Berbagai Macam Kotak Background
- Cara Melihat Asal Pengunjung Blog Dengan Memasang Widget Feedjit
- Cara Memasang TV Online di Blog
- Cara Meningkatkan Traffic Blog dan Website hanya dalam 10 menit
- Cara Membuat Tombol Back To Top di Blogspot
- Menampilkan Widget Di Halaman Tertentu
- Membuat Menu Multi Kolom