Rabu, 08 Januari 2014

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

Artikel Terkait:

Tidak ada komentar:

Posting Komentar

JANGAN LUPA BERKOMENTAR DAN UNGKAPKAN PENDAPAT ANDA TENTANG ARTIKEL INI.

NO SARA
NO PORNOGRAFI
NO SPAM
NO LINK ON
NO LINK OFF

JANGAN LUPA UNTUK SELALU MEMBAGIKAN ARTIKEL INI KE JEJARING SOSIAL YANG ANDA SUKA YA :)