Wednesday 1 January 2014

Cara Membuat Judul Blog Bergerak

Membuat Judul blog bergerak adalah salah satu cara untuk membuat blog temen-temen pinter_online agar menjadi terlihat lebih menarik. Dan selain itu judul blog bergerak ini pun memiliki fungsi lain yang mungkin temen-temen memiliki sebuah blog yang judul blognya panjang, Nah, judul blog bergerak ini merupakan salah satu alternatif agar judul blog sobat yang panjang terbaca. Dan judul blog yang dimaksud ini adalah nama blog dari temen-temen pinter_online. Untuk melihat contohnya yaitu judul blog saya adalah pinter_online.

Hanya dengan mengubah sedikit kode html template sobat maka judul blog bergerak pun jadi. Awalnya kita menggunakan script yang dapat membuat judul blog bergerak. Untuk gerakan judul blog bergerak ini, dengan satu jenis yaitu dengan marquee. Yaitu bergerak dari kanan ke kiri. Oke langsung saja tanpa basa-basi lagi silahkan temen-temen pinter_online lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.
  1. Masuk ke blogger.com dan login menggunakan akun blog sobat
  2. Masuk pada halaman Template
  3. Klik Edit HTML lalu Lanjutkan
  4. Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan ctrl+f
  5. 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>


- tulisan berwarna merah adalah kode dari kecepatan gerakan judul blog. Jadi bisa temen-temen ganti sesuai dengan keinginan..
- tulisan berwarna biru adalah kode otomatis dari judul blog temen-temen. Nah, bisa temen-temen ganti dengan mengganti kode berwarna biru tersebut dengan judul blog yang temen-temen inginkan.
  1. Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
  2. Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template


No comments:

Post a Comment

Usahakan memberi komentar yang baik dan sopan. Jika ada yang perlu ditanyakan lebih lanjut, bisa kontak saya melalui Twitter di @roby_hamzah