Selain membuat teks berjalan di blog, anda 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.


1. Seperti biasa pertama Login ke blogger
2. Terus Pada menu Design -> Edit HTML
3. Letakkan kode dibawah ini diatas kode </head>
Contoh:
<script type='text/javascript'>
//<![CDATA[
msg = " – Welcome to my blog ";
msg = " | ilmukitabersama09 blog -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
//<![CDATA[
msg = " – Welcome to my blog ";
msg = " | ilmukitabersama09 blog -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0window.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.
4. Jika sudah, klik Save Template. Selesai
Jika berhasil anda akan melihat teksnya berjalan di menu bar anda. Untuk lebih jelasnya bisa anda lihat hasilnya di atas,... di menu bar saya
Good luck Selamat mencoba ya :)
sumber:
Tidak ada komentar:
Posting Komentar