Menambahkan Scroll Pada Daftar Link (Blogroll) Diblogspot

Hehehe setelah jalan jalan ke blog lain, sepintas terpikir olehku kenapa tampilan blognya kok keren, bagus, ringkes dan rapi. Gue pingin coba mulai tata letak dari sekian banyaknya widget tempat saya, akan saya awali dengan Cara membuat scroll pada daftar link saya yang lain. langsung aja yuk ....

Pertama Buat dulu Blogroll anda dengan menambahkan widget link list, caranya pilih Rancangan - Tata letak - klik Link List , lalu masukin nama beserta link linknya jangan lupa memberi nama widget tersebut misalnya "DAFTAR BLOK LAIN" kemudian Save.

Langkah selanjutnya kita menuju ke Edit Html - centang expand widget template kemudian cari judul widget
yang kita mau tambahkan scroll , contoh "DAFTAR BLOG LAIN" . gunakan CTRL + F untuk mempermudah pencarian.

<b:widget id='LinkList1' locked='false' title='DAFTAR BLOG LAIN' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>

Kemudian Tambahkan kode berikut dibawah kode yang diatas :

<div style='width:100%; height:100px; overflow:auto;'>

Lihat dibawah kode diatas maka anda akan menemukan kode seperti ini :

<ul>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.target'><data:link.name/></a></li>
   </b:loop>
   </ul>

Dan tambahkan kode </div> diakhir kode diatas.

Sehingga struktur kodenya menjadi seperti ini :

<b:widget id='LinkList1' locked='false' title='Daftar Link Teman' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='width:100%; height:100px; overflow:auto;'><ul>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.target'><data:link.name/></a></li>
   </b:loop>
   </ul>
</div>

Nb : Anda bisa merubah tingginya widget dengan mengatur kode yang berwarna biru.

Kemudian Save Template.
Sekian dulu ya gan, semoga Cara Menambahkan Scroll Pada Daftar Link (Blogroll) di blog bisa berguna.