Tips Membuat Judul Blog Bergerak di Bagian Title Bar : Selama ini, kita dapat membuat teks berjalan di area <body> 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 <body> 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.
Jika tertarik, silakan mencoba di blognya sendiri-sendiri, ya!! Good Luck!!
(sumber : edittag.blogspot.com)
Baca juga yang ini.
- Tips Memperlebar Halaman Blog
- Membuat Footer Multi Kolom
- Memasang Favicon Pada Blog
- Menambah Widget di atas Postingan Blog
- Kustomasi Lebar menu Pulldown
- Sembunyikan Folder dengan Free Hide Folder
- Tips Mendulang Dollar dari Blogsvertise.com
- Mencicipi browser Google Chrome
Description: Membuat Judul Blog Bergerak Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Judul Blog Bergerak
{ 0 comments... read them below or add one }
Post a Comment