Logo Design by Info-kom77.blogspot.com
Logo Design by info-kom77.blogspot.com

Temukan Pencarian Anda Disini

Cara Membuat Judul Blog Bergerak Pada Blogger


hah kok bisa?? itu pasti ucapan yang keluar.hihihi. langsung aja yah ke tutorial
Langkah Pertama / First Step
  • Seperti biasa langkah pertama silahkan anda login terlebih dahulu ke blogger.
  • Setelah itu silahkan ke halaman Tata letak – Edit html
  • Lalu beri centang pada Expand Template Widget
  • Setelah itu Download template lengkap untuk menghindari kesalahan.
Langkah Kedua / Second Step
  • Silahkan cari kode <data:title/> dengan menggunakan Ctrl + F.
  • Kode dalam keadan awal
Kode awal
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<data:title/>
<b:else/>
<a expr:href=’data:blog.homepageUrl’><data:title/></a>
</b:if>
Setelah ditambahkan
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<marquee behaviour=’alternate’ direction=’right’ scrolldelay=’5′ width=’100%’> <data:title/></marquee>
<b:else/>
<a expr:href=’data:blog.homepageUrl’><data:title/></a>
</b:if>
Langkah Ketiga / Third Step
  • Pada langkah ketiga adalah bagaimana cara memodifikasinya, .
  • Anda cukup mengganti kode yang saya tandai dengan warna merah dengan kode marquee lainnya sesuka hati anda.
Contoh
Jika anda ingin mengganti kode marquee di atas dengan kode yang lainnya anda bisa mengikuti saran ini, akan tetapi jika tidak , jangan diganti.
Hapus semua kode ini
<marquee behaviour=’alternate’ direction=’right’ scrolldelay=’5′ width=’100%’> <data:title/></marquee>
Lalu gantikan dengan kode ini
<marquee direction=”down” height=”200″ onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”3″ width=”300px”>Taruh Text Yang Anda Inginkan</marquee>
Keterangan : Ganti kode hijau dengan kode  <data:title/>.

Keterangan
Kode ini hanya berlaku pada halaman home saja, setelah anda mengklik judul artikel maka judul blog tidak akan bergerak lagi, jika kamu ingin keduanya bergerak silahkan ulangi langkah yang sama pada kode berwarna biru.
baca juga artikel lain:

0 Comments:

Post a Comment



Design by info-kom77.blogspot.com
Design by info-kom77™

 

Blogger Template | Created by Adam Every