Membuat Judul blog bergerak adalah
salah satu cara untuk membuat blog sobat menjadi terlihat lebih menarik. Nah,
selain itu judul blog bergerak ini pun memiliki fungsi lain sob, mungkin sobat
memiliki sebuah blog yang judul blognya panjang, judul blog bergerak ini
merupakan salah satu alternatif agar judul blog sobat yang panjang terbaca.
Oiya, judul blog yang dimaksud ini adalah nama blog sobat. Untuk melihat
contohnya, judul blog saya adalah Blognya Reggy.
Hanya dengan mengubah sedikit kode
html template sobat, judul blog bergerak pun jadi. Pada postingan sebelumnya
juga kita pernah membahas tentang Cara membuat judul adress
bar tampil beda. Sama dengan postingan sebelumnya, kita menggunakan
script yang dapat membuat judul blog bergerak. Untuk gerakannya, judul
blog bergerak ini satu jenis dengan marquee. Yaitu
bergerak dari kanan ke kiri. Okedeh sobat, tanpa basa-basi lagi silahkan sobat
lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.
- Masuk ke blogger.com dan login menggunakan akun blog sobat
- Masuk pada halaman Template
- Klik Edit HTML lalu Lanjutkan
- Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan ctrl+f
- Jika kode tersebut sudah ditemukan, ganti kode tersebut dengan kode di bawah ini:
<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>
<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>
- tulisan
berwarna merah adalah kode dari kecepatan
gerakan judul blog. Jadi bisa sobat ganti sesuai dengan keinginan sobat.
- tulisan berwarna biru adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan
- tulisan berwarna biru adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan
- Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
- Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template
Bagaimana ? sederhana kan sobat
untuk membuat judul blog
bergerak? Okedeh sob, reggy pamit dulu sampai disini. Sampai jumpa ;)
Subscribe by Email
Follow Updates Articles from This Blog via Email
No Comments