Kamis, 15 September 2011

Membuat Tulisan Berjalan di Menu Bar

Sebelumnya tahu ga menu bar itu apa? Menu bar adalah bagian paling atas dari sebuah browser. Gitulah deskripsinya biar lekas ngerti. Menu bar itu akan menampilkan title dari sebuah blog atau postingan. Kalau punya browser dan lagi baca sebuah postingan lihat yang paling di atas. Pasti di menu bar tsb ada judul dari postingannya, ya kan? Kalau seandainya berada di beranda sebuah situs, pasti yang tampil nama situs tsb kan?
Nah, tulisan title tersebut ternyata dapat dimodifikasi dengan cara menggantinya dengan tulisan lain (seperti selamat datang). Tak hanya mengganti, tapi juga membuatnya berjalan. Iiiiii kerennya… Contoh ucapan selamat datangnya kayaknya gini:


Terima kasih atas kedatangannya, kapan-kapan maen kemari lagi ya!!


Nah, bagaimana, tertarik? Untuk cara membuat tulisan berjalan di menu bar ini silahkan ikuti langkah-langkahnya di bawah ini:
1. Pastikan bahwa sobat modif sudah log in ke blogger dan stand by di menu Edit HTML.
2. Pastikan lagi sudah mencentang expand template widget.
3. Carilah kode berikut:

</head>

4. Setelah dapat, pastekan kode di bawah ini tepat di atas </head> tadi.

<script type='text/javascript'>
//<![CDATA[
msg = " << Place to modify blog >> ";
msg = " Terima kasih atas kedatangannya, kapan-kapan maen kemari lagi ya!! " + 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>


5. Beri modifikasi, ganti tulisan warna merah di atas dengan tulisan yang disukai. Usahakan tulisan yang merah paling atas adalah judul blog. Ubah kecepatan geraknya dengan mengganti  200 (biru) dgn angka lain.
6. Terakhir, save dan lihat bagaimana sekarang tampilan menu bar sobat.
Tapi, saran dri saya, tulisan di menubar ini kayaknya ga perlu. Kurang bagus untuk SEO.. So, jadikan postngan ini sebagai wawasan tambahan aja. Baiklah, sekian dulu and salam blogger !!!

0 komentar:

Get Free Shots from Snap.com