0 Memberi scroll widget pada blog

Waktu abdi lagi blogging walk tiba2 abdi ngeliat satu tutorial cara negbuat scroll pada widget di blog. Naha fungsi darti scroll ini tentu ada gunanya, selain membuat halaman blog kita menjadi hemat ruangan, ternyata scroll itu mampu memperingan blog kita. Ga usah berlete tele, langsung aja ya .
siapkan diri anda . .


1.sign in pada blogger
2. masuk ke rancangan lalu pilih edit HTML
3. cari kode :

    <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
    <b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
    <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
    <b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
    <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
    <b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
    <b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>

    (kode di atas merupakan widget yang sedang abdi saya pakai saat ini).
5. pilih widget yang ingin di beri scroll. Misalnya abdi ingin memberi scroll pada widget Label,
    <b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
    nah id widget Label abdi ini adalah Label1 seperi yang ada di atas.
6. copy kode ini :
    #Label1 .widget-content{
    height:200px; /* Tinggi yang diinginkan */
    width:auto;
    overflow:auto;
    }
    jika tinggikotak scroll ingin anda rubah juga bisa dengan mengganti angka berwarna biru di atas.
7. kemudian paste kode diatas di atas kode ]]></b:skin>
8. kemudian simpan template deh .

cara untuk memberi scroll pada widget lain juga bisa, yaitu dengan cara meng-copy id widget yang ingin diberi scroll, kemudian ganti kode bewarne merah pada langkah 6 dengan id widget yang sudah di copy tadi dan ikuti langkah no 7 dan 8.
mudah kan??
semoga bermanfaat .
^.^

Artikel Terkait :