Monday, November 8, 2010

Hack Link Lis

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 <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:
  1. Masuk ke account Blogger, pilih "Layout" kemudian "Page Elements",
  2. Klik "Add a Gadget" dan pilih "Link List",
  3. Isi judul widget tersebut kemudian tambahkan link-link yang kamu mau,
  4. Klik "Save" kalau sudah selesai,
  5. Kemudian masuk ke halaman "Edit HTML",
  6. Centang "Expand Widget Templates",
  7. Cari kode title='judulwidgetkamu', dan cari kode <ul> terdekat setelahnya,
  8. Tambahkan kode ini sebelum tag <ul> :
    <marquee direction="up" height="100" scrollamount="2"
      onmouseout="this.start()" onomouseover="this.stop()">
  9. Dan tambahkan juga kode ini setelah tag </ul> :
    </marquee>
  10. 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>
Atur arah gerakannya dengan mengubah nilai atribut 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: