Membuat Teks Berjalan Pada Tab Browser


Membuat Teks Berjalan Pada Tab Browser - Efek yang satu ini memang terbilang unik, bagaiamana tidak? Kalau biasanya efek teks berjalan hanya pada bagian tulisan dalam artikel yang di posting atau pada bagian sidebar tertentu yang di sisipi dengan tag marquee, namun efek yang satu ini bisa menghasilkan suatu efek yang berbeda dengan tag marquee tersebut. Yang pada intinya, efek ini akan membuat tulisan yang ada di tab browser berjalan sesuai dengan kecepatan yang telah di atur.

Penasaran? Langsung saja simak dengan baik langkah-langkah cara membuat teks berjalan pada tab browser berikut ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".


3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".


4. Kemudian letakkan script kode berikut ini tepat di bawah kode <head>.

<script type='text/javascript'>
//<![CDATA[
msg = "Text berjalan 2";
msg = "Text berjalan 1" + 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. Klik save/simpan template, dan lihat hasilnya...

Note :
Ganti teks yang saya beri warna orange dengan teks atau tulisan yang anda inginkan, teks atau tulisan ini merupakan teks yang akan berjalan pada tab browser. Dan ganti angka yang saya beri warna hijau, sesuaikan dengan selera anda. Angka tersebut merupakan kecepatan pada efek teks berjalan tersebut.

Selamat mencoba, semoga berhasil... Cukup sekian postingan kali ini tentang cara membuat teks berjalan pada tab browser. Selebihnya saya mohon ma'af atas segala kesalahan dan kekurangan yang ada. Salam sejahtera by ngeposta...

About Author

Muhammad Khoirul Umam

I'm a student of a famous vocational high school in Pekalogan city. My hobby is blogging, and I really enjoy it although some of my friends say that blogging is so difficult. But, for me it's very interesting and I really love it. :)

15 comments:

  1. thanks info'x gan, bermanfaat sekali bagi saya ..

    ReplyDelete
  2. thank's banyak bang,,ijin mau nyoba ya...

    ReplyDelete
  3. Berhasil saya terapkan, terima kasih atas tipsnya :)

    Kunjungi ya : http://ssemuasenangg.blogspot.com/

    ReplyDelete
  4. Sukses gan terimakasih :)

    mampir ke http://xsoonsmager.blogspot.com/

    ReplyDelete
  5. Visit Gan .. bermnafaat ^_^

    http://fiddy-juga-rusma.blogspot.com/

    ReplyDelete
  6. Mantap gan, WORK!

    cek : softwareplayers.blogspot.com

    ReplyDelete