Tips Membuat Judul Blog Bergerak di Bagian Title Bar : Selama ini, kita dapat membuat teks berjalan di area blog dengan marquee, seperti teks pada side bar, footer, header atau judul postingan. Namun untuk membuat judul blog berjalan di bagian title bar pada browser, kita harus menggunakan bantuan javascript tersendiri karena marquee hanya bisa berjalan (digunakan) di area blog saja. Dengan tips ini, mungkin akan membuat blog kita tampil beda dan yang pasti lebih �hidup� dan menarik. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.
Langkah-langkah membuat judul blog bergerak di title bar pada browser adalah sebagai berikut.
1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML.
2. Kemudian cari kode <title><data:blog.pageTitle/></title>
yang letaknya di bagian awal.
3. Kemudian ganti kode tersebut dengan kode di bawah ini
<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>
Catatan : Angka 100 menunjukkan kecepatan bergerak, Anda dapat menggantinya dengan angka yang lebih kecil atau lebih besar, semakin besar maka kecepatan bergeraknya semakin lambat dan berlaku sebaliknya.
4. Sebelum Anda simpan, klik Pratinjau terlebih dahulu untuk melihat hasilnya.
5. Jika sudah berjalan dengan baik kemudian Simpan Template.
6. Selesai.
Langkah-langkah membuat judul blog bergerak di title bar pada browser adalah sebagai berikut.
1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML.
2. Kemudian cari kode <title><data:blog.pageTitle/></title>
yang letaknya di bagian awal.
3. Kemudian ganti kode tersebut dengan kode di bawah ini
<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>
Catatan : Angka 100 menunjukkan kecepatan bergerak, Anda dapat menggantinya dengan angka yang lebih kecil atau lebih besar, semakin besar maka kecepatan bergeraknya semakin lambat dan berlaku sebaliknya.
4. Sebelum Anda simpan, klik Pratinjau terlebih dahulu untuk melihat hasilnya.
5. Jika sudah berjalan dengan baik kemudian Simpan Template.
6. Selesai.
0 komentar:
Posting Komentar