Membuat Blogroll dengan fungsi Scroll

Kali ini saya akan memposting tentang cara membuat blogroll dengan fungsi scroll. Blogroll dengan fungsi scroll ini berfungsi untuk memperpendek suatu gadget agar tidak terlalu memanjang kebawah.


Caranya cukup mudah, ikuti saja langkah-langkah dibawah ini:


1. Masuk ke blogger sobat masing-masing.


2. Klik Rancangan yang dulunya "Tata Letak"--> Edit HTML.


3. Centang kotak kecil disamping tulisan :"Expand Template Widget"


4. Cari code berikut ini di blog sobat


<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>


Coba perhatikan kode yang berwarna merah, itu adalah judul gadget yang akan kita ubah. Kode yang berwarna merah tersebut bisa berbeda judulnya, kalau judul gadget Sobat "Link Teman", ya kode itulah yang harus Anda cari.


5. Sekarang, sisipkan kode yang berwarna merah dibawah ini diantara kode yang berwarna putih :


<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'>
<div style='overflow:auto; width:ancho; height:250px;'>
<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>


6. Klik Pratinjau terlebih daluhu untuk melihat hasilnya.


7. Lalu klik simpan.