Saturday, 14 January 2017

Membuat Judul blog bergerak dengan script

Membuat Judul blog bergerak adalah salah satu cara untuk membuat blog anda menjadi terlihat lebih menarik. Nah, selain itu judul blog bergerak ini pun memiliki fungsi lain, mungkin anda memiliki sebuah blog yang judul blognya panjang, judul blog bergerak ini merupakan salah satu alternatif agar judul blog anda yang panjang terbaca. Oiya, judul blog yang dimaksud ini adalah nama blog anda. Untuk melihat contohnya, judul blog saya adalah CERDAS, CERMAT, HEBAT



Hanya dengan mengubah sedikit kode html template, judul blog bergerak pun jadi. Untuk gerakannya, judul blog bergerak ini satu jenis dengan marquee. Yaitu bergerak dari kanan ke kiri. Okedeh, tanpa basa-basi lagi silahkan lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.
  1. Masuk ke blogger.com dan login menggunakan akun blog anda
  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 diganti sesuai dengan keinginan.
    - tulisan berwarna biru adalah kode otomatis dari judul blog. Nah, bisa diganti dengan mengganti kode berwarna biru tersebut dengan judul yang diinginkan
  6. Sebelum anda simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan
  7. Jika sudah pas dan sesuai dengan keinginan silahkan klik Simpan Template
Bagaimana ? sederhana kan untuk membuat judul blog bergerak? Saya pamit dulu, sampai jumpa.


0 komentar: