Cara Cepat Mengatur Jarak Antar Widget Pada Blog

Assalamualaikum Warahmatullah Wabarakatuh

Kali ini saya akan membahas mengenai cara mengatur jarak antar widget, mengatur jarak widget ini semata-mata hanya untuk mempercantik atau merapikan tampilan blog yang kita punya.
Ok, langsung saja ya,,berikut adalah cara lengkapnya...

• Login terlebih dahulu di Blogger,, Selanjutnya pilih "Template" kemudian pilih "Edit HTML"  

• Silahkan cari code berikut /* Widgets, code tergantung template sieh tapi gambaran kode seperti ini

/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
  padding: 0;
  list-style: none;
}

.widget ul li, .widget #ArchiveList ul.flat li {
  border-top: dashed 1px #ccc;
  border-top: dashed 1px rgba(128, 128, 128, .5);
}

•  Silahkan masukkan script/kode berikut tepat dibawah /* Widgets.

.main-inner .widget {
margin: 20px  0px;
}

• Sehingga tampilannya seperti ini

/* Widgets
----------------------------------------------- */
.main-inner .widget {
margin: 20px  0px;
}

.widget ul, .widget #ArchiveList ul.flat {
  padding: 0;
  list-style: none;
}

.widget ul li, .widget #ArchiveList ul.flat li {
  border-top: dashed 1px #ccc;
  border-top: dashed 1px rgba(128, 128, 128, .5);
}

•  margin: 20px  0px; Script/code ini adalah untuk menentukan/mengatur jarak antar widget, untuk script/code yang berwarna hijau adalah jarak widget dengan widget selanjutnya dibawahnya, sebagai contoh jika menggunakan 20px, maka tampilannya seperti ini

• Jika menggunakan 40px, maka tampilannya seperti ini

• Kemudian untuk script/code yang berwarna merah adalah jarak samping kiri dan kanan widget,sebagai contoh jika menggunakan 0px maka tampilannya seperti ini

• Jika menggunakan 40px maka tampilannya seperti ini

• Dari tampilan diatas sudah terlihat dengan sangat jelas bahwa semakin besar nilai yang dimasukkan maka akan semakin jauh jarak antar widget, silahkan ganti sesuai keinginan

Itulah cara mengatur jarak widget pada sebuah blog, semoga bisa bermanfaat bagi teman-teman sekalian, jika ada yang kurang jelas, silahkan bertanya...

Salam

Artikel Terkait