Membuat Teks Berjalan Pada Address Bar

Sudah baca artikel saya yang berjudul "Macam-Macam Teks Marquee dan Cara Membuatnya" ? Jika belum jangan bengong saja :) silahkan diklik untuk membuka dihalaman baru.
Pada artikel tersebut yang saya maksud sudah dijelaskan apa itu teks berjalan atau Marquee, dan juga kode serta contoh-contohnya.
Sekarang kita bukan lagi akan belajar bagaimana membuat teks berjalan itu didalam postingan, melainkan belajar bagaimana membuat teks berjalan pada address bar website blog.
Saya tidak perlu menjelaskan apa itu addres bar suatu website/blog, karena saya yakin mas bro dan juga mbak bro sudah tidak asing dengan istilah adreess bar ini. Atau jika memang ada yang belum mengerti, bisa tanya saja ke si-mbah. Kita akan langsung ke pokok tutorialnya saja.

Berbeda dengan membuat teks berjalan didalam postingan yang menggunakan kode HTML, untuk membuat efek marquee pada address bar yang kita butuhkan ialah sebuah script. Script seperti apa ? nanti dibawah akan dijelaskan. Yang pasti script ini bukan buatan saya :).

Langkah - langkah membuat teks berjalan pada address bar :

1. Login di Blogspot
2. Disarankan untuk mem-backup template sebelum merubah kodenya, tutorialnya baca disini
3. Pada halaman dashbor blog, pilih edit "Template" lalu klik "Edit HTML"

4. Sudah masuk pada menu editor HTML template, cari kode </head>

*Jangan lupa gunakan tombol Ctrl+F untuk membantu menemukan kode

5. Selanjutnya Copy (Ctrl+C) kode script dibawah ini :

<script type='text/javascript'>
    //<![CDATA[
    msg = " --- ISI DENGAN JUDUL BLOG ";
    msg = " | DESKRIPSI 1 | DESKRIPSI 2 | DESCRIPSI 3 --- " + 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 :
Pada teks yang saya beri tanda warna merah merah dan biru bisa kalian ubah sesuai keinginan.

6. Paste (Ctrl+V) script tersebut diatas kode </head>
7. Terakhir klik "Simpan template"

Sekarang lihat di address bar blog kamu, teks-nya sudah mau jalan kah belum ? Jika masih mogok alias diem saja, coba ulangi langkah-langkah "Membuat Teks Berjalan Pada Address Bar" seperti diatas.

Ceritakan ini di :

Facebook Google+ Twitter Digg

Tentang Penulis :

Ansory Esce
Dia bukanlah seseorang yang memiliki segudang ilmu untuk bisa diceritakan. Bukan juga seorang Blogger profesional yang bisa menggurui kalian tentang ilmu Blogging atau tentang ilmu Internet lainnya. Dia hanyalah seorang Blogger "alakadarnya" yang memiliki keterbatasan pengetahuan. Menulis di Blog ia lakukan sekedar untuk mengenal banyak teman baru serta sebagai media untuk belajar dan saling berbagi. Selengkapnya..
Berteman dengannya di: Facebook | Twitter | Google+

6 komentar untuk "Membuat Teks Berjalan Pada Address Bar"

  1. dulu saya paling demen ini membuat title berjalan, unik

    ReplyDelete
  2. ini seperti yang ada di halaman deface gitu yaa gan

    ReplyDelete