Menambahkan Scroll Pada Daftar Link (Blogroll)

Menambahkan Scroll Pada Daftar Link (Blogroll) Diblogspot - Malam ini dapet job nih dari sobat saya Kang Rizal, beliau kebingungan mau Membuat Scroll Pada Blogroll nya. Jadi saya bikin aja tutornya sambil Bookmark. yang akan menjadi Judul artikel ini adalah Menambahkan Scroll Pada Daftar Link (Blogroll) Diblogspot . langsung aja yuk, kasian Kang Rizal nunggu hoho :

    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 Link Teman" kemudian Save.

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

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

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.

Tips tricks yang populer lainnya: