Selasa, 04 September 2012

Membuat Scrol Untuk Daftar Link

Membuat Scrol Untuk Daftar Link - Kadang kalau teman kita banyak atau yang mau kita pasang linknya di blog kita daftarnya banyak, bisa membuat blog kita jadi jelek. Karena tertalalu panjang. Untuk itu memasang atau membuat scroll untuk daftar link (blogroll) akan dapat mempercantik blog anda. Bagaimana caranya? langsung saja :

1. Ke Edit HTML, centang "Expand Template Widget" lalu cari kode berikut :

<b:widget id='LinkList2' locked='false' title='Blogroll' 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>

2. Masukkan kode berikut diatas <div class='widget-content'>

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">

3. Lalu taruh kode </div> di atas kode </b:includable>

Kode secara lengkap akan seperi ini:

<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div style='border: 0px; overflow: auto; width: 150px; height: 50px; text-align: center; background:#FFFFFF;'>
<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>
</div>
</b:includable>
</b:widget>

Tidak ada komentar:

Posting Komentar