Memberi Scroll pada Arsip dan Label Blog

Memberi Scroll pada Arsip dan Label Blog dengan gaya hierarki yang dipasang di sidebarakan terus memanjang ke bawah seiring bertambahnya jumlah postingan atau artikel-artikel yang telah diterbitkan. Bila hal ini dibiarkan tentunya dapat memakan tempat sidebar blog. Begitu pula dengan Widget Label jenis daftar, dia akan terus memanjang sesuai dengan banyaknya label di blog tersebut.

Screenshot :

 

Nah, salah satu solusi agar menghemat tempat pada sidebar adalah dengan Memberi Scroll pada Arsip dan Label Blog pada kedua widget tersebut. Scroll merupakan penggulung yang dapat digerakkan ke atas atau ke bawah. Scroll ini juga dapat membuat blog terlihat tertata lebih rapih.

Berikut ini cara Memberi Scroll pada Arsip dan Label Blog :

1. Masuk ke akun Blogger Anda

2. Klik Rancangan > Edit HTML

3. Klik Download Template Lengkap untuk mem-back up template

4. Cari kode ]]></b:skin> ( Gunakan tombol Ctrl + F untuk memudahkan pencarian )

5. Biasanya kode id untuk widget Arsip Blog seperti di bawah ini

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

Maka untuk memberi scroll pada Widget Arsip Blog silakan copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#BlogArchive1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

6. Sedangkan kode id untuk Widget Label umumnya seperti di bawah ini

<b:widget id='Label1' locked='false' title='Label' type='Label'/>

Maka untuk memberi scroll pada widget Label silakan copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#Label1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

7. Klik tombol Simpan Template

• Angka 200 menunjukkan tinggi scroll sebesar 200 piksel, Anda dapat menggantinya sesuai keinginan Anda. Makin besar angkanya makin tinggi scroll-nya.

Memberi Scroll pada Arsip dan Label Blog membuat Blog anda terlihat lebih elegan, cantik dan bijaksana hahahaha