CERITA LUCU

Bagaimana pendapat anda jika melihat daftar blog roll seperti gambar disamping. Pasti terlihat tak rapi dan berantakkan. Apalagi hal tersebut malah membuat blog kita terasa penuh. untu mencegah hal itu, seperti postingan-postingan yang lalu. Memang seharusnya mudah dibuat roll, karena kita dapat mengatur besar keci nya ruangan untuk widgets tersebut. Hmm, mari kita sulap hal berantakan tersebut dengan tutorial berikut.

1. Login terlebih dahulu di Blogger.com
2. Pastikan Anda telah mempunyai Blogroll.
3. Sebelum nya, rubah terlebih dulu judul Blogroll anda menjadi Blogroll memudahkan pencarian.
   
4. Sekarang, anda menuju "Tata Letak", kemudian pilih "Edit HTML"
5. Beri tanda centang pada kotak "Expand Widget Template"
6. Setelah itu tekan Ctrl+f kemudian ketik kode sperti dibawah ini,

   <b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'>
   <b:includable id='main'>

7. Tambahkan kode berikut dibawah kode tadi :

   <div style='width:100%; height:150px; overflow:auto;'>
   <font size='2'>

8. Kemudian sebagai penutup kode, tambahkan kode dibawah ini, di atas kode </b:includable>, tepatnya antara </b:includable> dan </div> :

</font>
</div>

Source lengkapnya Seperti ini :

<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'> <b:includable id='main'>
<div style='width:100%; height:150px; overflow:auto;'>
<font size='2'>
<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>
</font>
</div>
</b:includable> </b:widget> </b:section> </div>

Hasilnya Bakal Seperti gambar berikut:

Ket : Anda bisa mengubah tinggi rendahnya dengan mengubah nilai pada kode yang tersorot warna merah di atas.