Sabtu, 24 Juli 2010

Membuat Link List With Scroll

Ingin membuat link list blogger dengan scrool. Tak hanya itu kita juga akan memberikan efek pembukaan jendela baru. Apa sobat semua tertarik untuk membuatnya???. Untuk membuatnya kita tinggal memodif...hehehe,kayak motor aja yach...memodif kode HTML link list asli milik blogger. Oke sekarang kita mulai untuk membuatnya.

1. pastikan sudah memasang Widget "Link List" milik blogger.
2. Buat enam atau lebih link.
3. masuk menu Layout kemudian masuk menu Edit HTML dan centang "expand widget templates"
4. Lalu Cari Code HTML seperti dibawah ini:

<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>

5. Ganti code diatas dengan Code dibawah ini:

<div style='width:100%; height:100px; overflow:auto;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='new'><data:link.name/></a></li>
</b:loop>
</ul>
</div>  

Perhatikan code height:100px itu adalah tinggi dari link list bisa kamu ubah-ubah sesuai selera kamu.. jadi jika linknya melebihi batas tinggi maka akan ada efek scrollnya Width:100% juga dapat kamu ubah...kalo di blog Q, Aku ubah : 95%
6.. Simpan. seleeesaaaaaaaai............, buka blog anda lihat perubahan link list. 

Tidak ada komentar:

Posting Komentar