Setting Membuat Scroll pada Link list

 

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 modifikasi kode HTML link list asli milik blogger. 

Ooke, kita langsung kemon aja ke langkah2 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 kode HTML [ seperti biasa, pake Ctrl+f ] 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 kode diatas dengan kode 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 kode height:100px; itu adalah tinggi dari link list bisa kamu ubah-ubah sesuai selera kamu.. jadi jika linknya melebihi batas tinggi maka akan ada scroll effect nya
Width:100% juga dapat kamu ganti...

6.. Simpan. and DONE !............, buka blog anda.... lihat perubahan link list.
Good Luck !

0 comments:

Poskan Komentar

Dethread

Updates Via E-Mail

 
Related Posts Plugin for WordPress, Blogger...