Sekarang kita akan membahas bagaimana meng-hack link list di blog kamu supaya tampil lebih menarik. Secara khusus, kita akan membahas bagaimana membuatnya bergerak ke atas.
Cara yang biasa dipakai adalah dengan memakai widget HTML/JavaScript, kemudian menuliskan satu per satu link di antara tag
Dan kali ini kita akan membahas dengan cara yang berbeda, dengan memakai widget Link List.
Caranya antara lain:
Cara yang biasa dipakai adalah dengan memakai widget HTML/JavaScript, kemudian menuliskan satu per satu link di antara tag
<marquee>
dan </marquee>
. Tapi cara ini sangat merepotkan kalau kita mau menambah link.Dan kali ini kita akan membahas dengan cara yang berbeda, dengan memakai widget Link List.
Caranya antara lain:
- Masuk ke account Blogger, pilih "Layout" kemudian "Page Elements",
- Klik "Add a Gadget" dan pilih "Link List",
- Isi judul widget tersebut kemudian tambahkan link-link yang kamu mau,
- Klik "Save" kalau sudah selesai,
- Kemudian masuk ke halaman "Edit HTML",
- Centang "Expand Widget Templates",
- Cari kode
title='judulwidgetkamu'
, dan cari kode<ul>
terdekat setelahnya, - Tambahkan kode ini sebelum tag
<ul>
:
<marquee direction="up" height="100" scrollamount="2" onmouseout="this.start()" onomouseover="this.stop()">
- Dan tambahkan juga kode ini setelah tag
</ul>
:
</marquee>
- Jadi kodenya kurang lebih akan seperti ini:
<marquee direction="up" height="100" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"> <ul> <b:loop values='data:links' var='link'> <li> <a expr:href='data:link.target'> <data:link.name/> </a> </li> </b:loop> </ul> </marquee>
direction
jadi "up"
, "down"
, "left"
, atau"right"
.Atur juga tingginya dengan mengubah nilai atribut
height
, dan kecepatannya dengan mengubah nilai atribut scrollamount
Cara ini memang agak repot pada awalnya, tapi setelah itu kamu tidak usah repot2 lagi tulis kode macam2 untuk menambah link kamu.
0 komentar: