Selasa, 01 Maret 2011

HTML : Moving Title on Title Bar
selalu ada cintamuSelasa, 01 Maret 2011 0 komentar

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/>"+' ';
In Category :
About The Author Ali Bajwa Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Facebook and Twitter

0 komentar