Link List dengan Scroll

2009-11-02 @ 13:37, , Posted by Unknown, 8 Comments


Saya lihat banyak blog yang menggunakan Link list dari blogger, Tetapi butuh banyak tempat untuk menggunakanya karena semakin banyak link semakin panjang jadi ribet kan. Maka dari itu saya akan membantu memperkecil nya dengan cara menyecroll nya.

Caranya cukup mudah :
Pertama anda harus login ke akun blogger anda » masuk ke Tata Letak » Edit html » jangan lupa contren expand widget template
Umum nya code Link list seperti ini
<b:widget id='LinkList1' locked='false' title='Daftar link' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Anda harus menambah sedikit code seperti html dibawah ini
<b:widget id='LinkList1' locked='false' title='Daftar link' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='overflow: auto; height: 150px;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Sedikit tambahan 150px bisa diatur sesuai keinginan.Setelah itu simpan template, Mudah bukan silakan mencoba....