Widget Arsip Blog dengan gaya hierarki yang dipasang di sidebar akan 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 gadget Label jenis daftar, dia akan terus memanjang sesuai dengan banyaknya label di blog tersebut.
Nah, salah satu solusi agar menghemat tempat pada sidebar adalah dengan memberikan scroll pada kedua widget tersebut. Scroll merupakan penggulung yang dapat digerakkan ke atas atau ke bawah. Scroll ini juga dapat membuat blog terlihat tertata lebih rapi.
Berikut ini cara memberi scroll atau penggulung pada widget Arsip Blog dan Label.
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.
Maka untuk memberi scroll pada widget Arsip Blog silakan copy kode di bawah ini dan paste di atas kode ]]></b:skin>
6. Sedangkan kode id untuk widget Label umumnya seperti di bawah ini.
Maka untuk memberi scroll pada widget Label silakan copy kode di bawah ini dan paste di atas kode ]]></b:skin>
7. Klik tombol SIMPAN TEMPLATE.
Nah, salah satu solusi agar menghemat tempat pada sidebar adalah dengan memberikan scroll pada kedua widget tersebut. Scroll merupakan penggulung yang dapat digerakkan ke atas atau ke bawah. Scroll ini juga dapat membuat blog terlihat tertata lebih rapi.
Berikut ini cara memberi scroll atau penggulung pada widget Arsip Blog dan Label.
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;
}
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;
}
height:200px;
width:auto;
overflow:auto;
}
7. Klik tombol SIMPAN TEMPLATE.
0 komentar:
Posting Komentar