Desain Blog : Bagian Sidebar (Widget)

1. Membuat Text Berjalan

<marquee direction="lift"scrolldelay="200"><span style="color: rgb(255, 0, 0); font-weight: bold;">Text yang ingin anda tulis</span></marquee>

2. Membuat Daftar Link Manual

<style>.list {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEG-8wbfzOo1DfFM36LYvQQjGDzxewaOb8WcBRdOA8C7vftkri8UtCZD68zAnleoRDY10lc0KropLLGbZaOUd3qHyCr8_Q5sHPeuleT-YP-F-_YldmKNyF5TpBbG_Zk_ML5OPEXyMwXEga/'  ") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;} </style><div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:200px; height:180px; background-color: #fffff; border:0px solid #000000;"> <div class="list"> <a href="http://www.mediafire.com/?o8wyp4jkb7ecpea">Pengertian Ejaan</a></div> </div>

Ket:

Yang warna hijau,link gambar pada icon,warna biru link postingan,warna merah judul postingan.

3. Membuat Scroll Bagian Archive

Cari kode <div id='ArchiveList'>,dibagian atas kode tersebut terdapat kode <div class='widget-content'> kemudian ganti dengan <div class='widget-content' style='overflow:auto; height:350px' warna merah kode ukuran panjangnya.

4. Membuat Scroll Bagian Posting Populer

Tambah kode ini di <div style='overflow:auto; width:ancho;height:300px;'>  dibawah <b:if cond='data:title'><h2><data:title/></h2></b:if> atau diatas <div class='widget-content popular-posts'>.Jika terjadi kesalahan hanya tinggal tambah </div> diatas </b:includable> 

5. Membuat Scroll Bagian Label atau Kategori

Cari kode ini <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> Kemudian tambah kode ini tepat di bawahnya <div style='overflow:auto; width:ancho; height:3;00px;'>, sisipkan kode </div> diatas kode </b:includable> 

• Kode dasar scroll <div style='overflow:auto; width:ancho; height:300px;'> sebagai penutup kode diatas menggunakan </div>