Pengikut

08 Oktober 2007

HTML : Moving Title on Title Bar

Bila menginginkan title atau judul yang terpajang di bagian title bar pada browser bergerak maka kita perlu bantuan javascript untuk mewujudkannya. Tak pula marquee. Sebab marquee hanya punya kuasa ketikan berada di dalam <body>.

Untuk memformat title agar bergerak, kita bisa melakukan editing di bagian Edit HTML.
Berikut petunjuknya disesuaikan dengan tipe skin pada blogspot.

A. Untuk tipe layout.
Masuk ke bagian Edit HTML, dan lakukan hal berikut :

1. Hapus : <title><data:blog.pageTitle/></title>
2. Gantikan dengan :

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
3. Klik pratinjau untuk melihat hasilnya.
4. Simpan bisa sudah berfungsi dengan baik.

B. Untuk tipe Template :

1. Hilangkan : <title><$BlogPageTitle$></title>
2. Gantikan dengan :

<script language='JavaScript'>
var txt="<$BlogPageTitle$>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
3. Klik Pratinjau untuk memastikan pengaruhnya.
4. Simpan.

Catatan tambahan :
Untuk memberikan spasi pada saat pemunculan title yang mengandung dua kata lalu memberikan renggang agar tak menempel, bisa edit bagian :

var txt="<data:blog.pageTitle/>";

menjadi :

var txt="<data:blog.pageTitle/>"+' ';