Pengaturan Margin dan Padding Widget Popular Post Blogger.
 |
| Sebelumnya |
 |
| Setelahnya |
Sayangnya Blogger tidak ada versi default untuk widget popular postnya. Sehingga Anda sedikit bongkar kepala dan mencari-cari bagaimana solusinya! Setidaknya dapat dilakukan beberapa cara untuk merapikan widget popular post ini.
1. Cara pertama:
search kode:
.sidebar .widget, .main .widget { border-bottom:1.5px dotted $bordercolor; margin:0 0 3.5em; padding:0 0 2.0em; } ganti menjadi:
ubah
margin:0 0 3.5em menjadi margin:0 0 1.0em lihat perubahan seperti di bawah ini:.sidebar .widget, .main .widget { border-bottom:1.5px dotted $bordercolor; margin:0 0 1.0em; padding:0 0 2.0em; } bila cara pertama ini tidak membuahkan hasil, lakukan lagi cara keduanya.
2. Cara kedua:
Edit HTML pada pengaturan template Blogger Anda, cari kode CSS:
.widget .popular-posts ul { list-style: none; } kemudian tambahkan kode: border-bottom: 1.5px; margin:0 0 1.0em; padding:0 0 2.0emsehingga perubahannya seperti di bawah ini:
.widget .popular-posts ul { list-style: none; border-bottom: 1.5px; margin:0 0 1.0em; padding:0 0 2.0em } Kemudian SAVE.
2. Pengaturan Padding Widget
.widget .popular-posts ul {
list-style: none; line-height:0em;
} Anda dapat juga menambahkan properti dan nilai di dalam CSS di atas untuk pengaturan margin dan padding widget popular post seperti:
font-size:12px; margin:-0.1em 0px;
margin-bottom:-35px; sehingga kodenya menjadi:
widget .popular-posts ul {
list-style: none; line-height:1em; font-size:12px; margin:-0.1em 0px;
margin-bottom:-35px;
}Anda dapat mengubah nilai yang ada pada widget di atas sesuai dengan keinginan dan kondisi widget blog sendiri.
Jangan lupa SAVE kembali.
Sekian dulu semoga membantu dan Kini Widget Popular Post Anda sudah rapi, hati pun senang :)
