Tips menjadikan running title pada browser

 

Mungkin kamu pernah melihat situs di mana tulisan pada title nya seperti teks berjalan. Contohnya pada situs ini. Lumayan lah untuk membuat tampilan situs sedikit berbeda dari biasanya.

Untuk membuat animasi teks berjalan seperti ini, caranya sangat gampang banget. kamu cukup menyisipkan kode javascript seperti di bawah ini. Kamu tinggal tempatkan kode ini di antara tag <head>…</head> pada dokumen html kamu misalnya. Usahakan diletakkan dibawah tag <title>…</title>.

<script type=”text/javascript”>// <![CDATA[
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout(“writetitle()”, 2000)
}
else {
c++;
setTimeout(“writetitle()”, 100)
}
}
writetitle()
// ]]></script>

Buat kamu pengguna blogspot.com, tinggal buka link edit template dan sisipkan kode di atas. Jika kamu pengguna wordpress, buka bagian header.php pada editor themes dan tambahkan kode di atas seperti yang telah dijelaskan di atas.

Saya telah mencoba membukanya pada browser Mozilla Firefox 3.5 dan berhasil. Saya pikir script ini juga mendukung browser lainnya.

Postingan dengan judul Tips menjadikan running title pada browser ditulis oleh ridho, Penulis dapat dihubungi lewat akun sosial media berikut

Follow on Twitter

Connect on Facebook

Find on Google+

Find on LinkedIn

Leave a Reply