ILMU 212: Membuat Scroll Untuk Daftar Link

pada pertemuan kali ini saya akan mengajarkan kepada sahabat blogger mengenai bagaimana cara membuat scroll untuk daftar link. yuk kita simak bagaimana caranya :)

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>

Setelah itu simpan, dan lihat hasilnya !

Sekian Artikel dari ILMU 212 semoga dapat bermanfaat bagi para pembacanya. dan saya selalu berharap bahwa Artikel yang saya Postkan ini dapat berguna bagi semua orang Amin.

sampai jumpa lagi di Artikel Berikutnya.

cara copas

Rabu, 08 Januari 2014

Membuat Scroll Untuk Daftar Link

Artikel Terkait:

Tidak ada komentar:

Posting Komentar