08 September 2010

Cara Bikin Tulisan Berjalan Di Address Bar

Pernahkan anda menjumpai blog yang ada tulisan berjalan di address bar? Bagi sebagian blogger menyukai tulisan berjalan di address bar namun ada juga yang tidak menyukainya.

Tulisan berjalan yang ada di address bar bisa berupa kalimat sapaan kepada pengunjung, atau dapat pula berupa pemberitahuan.  Tujuan membuat tulisan berjalan ini tidak lain adalah untuk menarik perhatian pengunjung.

tulisan_berjalan_di_address_bar

Apabila anda ingin memasang tulisan berjalan di address bar maka ikuti langkah-langkah cara pembuatannya yaitu sebagai berikut :
  1. Untuk membuat tulisan berjalan di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
  2. Setelah itu klik menu Design
  3. Kemudian klik menu Edit HTML
  4. Silahkan temukan kode ini </head>
  5. Setelah kode nya sudah di temukan silakan taroh kode di bawahnya.
Ini kodenya:
<script type='text/javascript'>
//<![CDATA[
msg = " --- SELAMAT DATANG ";
msg = " | SELAMAT DATANG | SELAMAT DATANG | SELAMAT DATANG | SELAMAT DATANG --- " + 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()",100);
}
scrollMSG();
//]]>
</script>
Sehingga urutan kodenya menjadi seperti ini:
</head>
<script type='text/javascript'>
//<![CDATA[
msg = " --- SELAMAT DATANG ";
msg = " | SELAMAT DATANG | SELAMAT DATANG | SELAMAT DATANG | SELAMAT DATANG --- " + 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()",100);
}
scrollMSG();
//]]>
</script>

Catatan :
  • Anda bisa mengganti tulisan yang berwarna biru dengan tulisan yang anda inginkan, nanti tulisan itulah yang akan terlihat berjalan di address bar.
  • Sebelum disimpan, sebaiknya di preview dulu.
Demikianlah cara bikin tulisan berjalan di address bar, mudah-mudahan bermanfaat.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.