Test Block Top

The Blog...
Articles, Tips & Trick and Other Interesting Information...

14 Februari 2010

Walking Text Title Tab Blogspot

Trik Membuat Walking Text Title Tab Blogspot

Tips kali ini tentang cara membuat text title blog yang berjalan pada tab interface browser. Trik ini tidak banyak memberikan kontribusi yang berarti pada kualitas blog, hanya sebatas untuk mempercantik blog. Bagaimana cara membuatnya, cukup sederhana. Ikuti step di bawah;
  1. Login ke blogspot.
  2. Navigasikan ke 'LayOut' (tata letak) → pindah ke tab 'Edit HTML'
  3. Copy dan pastekan kode di bawah tepat di atas tag '<'head>'


<script type='text/javascript'>
//<![CDATA[
msg = "Tulis Text-1";
msg = " .:Tulis Text-2:. " + 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>


Ganti 'Tulis Text-1' dan 'Tulis Text-2' dengan text anda. Klik 'Save Templates' (Simpan template).

window.setTimeout("scrollMSG()",200); » value '200', semakin kecil nilainya semakin cepat transisi text.

Untuk blog/web selain blogspot, tinggal copy dan pastekan code javascript di atas pada area mana saja (head atau body). Hasilnya dapat dilihat pada title tab artikel ini.

Done...

Have fun...
:D

2 komentar:

  1. kk baru buat blog nih.
    gman ya kok tak ada smua kode htmlnya macan '"
    di template yg ku pake yk ada.
    tolong saranya kk.

    BalasHapus
  2. Terima kasih min artikel blog walking, mungkin teman teman blog bisa berkunjung ke web saya juga🙏

    CODEin

    BalasHapus

Loncat ke Atas ↑