Cara Menambahkan Scroll Pada Daftar Link (Blogroll) di blog

Assalamualaikum Wr.Wb

Menambahkan Scroll Pada Daftar Link (Blogroll) Diblogspot . 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 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.

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

Wassalam..

Posted in: Blogging