Link List dengan Scroll

2009-11-02 @ 13:37, , Posted by Mas Hari, 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....

8 Comments

nice gan..

Reply
Gunawan on November 2, 2009 at 2:00 PM

wah info mantabh nch sob,,,

Reply
ihsan mufthi on November 2, 2009 at 2:08 PM

Waa..nambah ilmu baru nih.. thx sob.. :-) ..btw komeng balik yaa

Reply
Andi Wong on November 2, 2009 at 2:14 PM

saya banget nih harri link list saya panjanggggggg buangettttttt? (nutupin muka sambil malu)

Reply
Munir Ardi on November 2, 2009 at 3:34 PM

aku pake link berjalan sob... jadi cuma satu baris ajah.. lebih simple.. he..he..

Reply
ekosulistio on November 3, 2009 at 3:31 PM

aku ga pake link sob....jadi ga ada yg nge Link sama sekali..

Reply
wisata pasuruan on November 3, 2009 at 3:32 PM

terimakasih banyak!

Reply
White_Angelzzz on April 11, 2010 at 11:00 AM

makasih infonya

Reply
yahaya on December 4, 2010 at 4:48 PM

Post a Comment

Komentar spam akan kami hapus