BREAKING

Category 3

Mengatur Jarak Kolom Blog

Kolom gadget yang berbentuk kotak pada template standar biasanya memiliki jarak yang cukup renggang antara 1 dengan yang lainnya. Tentu hal itu sedikit merusak estetika karena adanya space kosong pada blog. Bagaimana merapatkannya?

Ikuti petunjuk berikut ini:
1. Log in blog kamu.
2. Dari dasbor klik Template > Edit HTML >Lanjutkan.
3. Centang kotak Expand template Widget.
4. Tekan tombol F3 keyboard dan masukan kode berikut:
.main-inner .widget {
5. Jika sudah ketemu, kode tersebut lengkapnya spt ini:
.main-inner .widget { 
background-color: $(widget.background.color); 
border: 1px solid $(widget.border.color); 
padding: 0 $(widget.padding.side) 15px; 
margin: 20px -16px; 

Nah, perhatikan kode HTML di atas dan lakukan settingan:
1. 15px adalah ketinggian widget.
2. 20px adalah lebar gadget sebelah kiri
3. 16px adalah lebar gadget sebelah kanan. 
Ubahlah angka tersebut hingga jarak yang diinginkan. 
Lalu klik Simpan Template.

Sekarang lihat hasilnya.

7 komentar:

  1. terima kasih banyak infonya mas.

    BalasHapus
  2. terimakasih banyak sob sangat membantu sekali tutorialnya

    http://acemaxsshop.com/

    BalasHapus
  3. Trimakasih gan ilmux...
    http://biangundangan.blogspot.com

    BalasHapus
  4. Thank Gan, sangat bermanfaat artikelnya

    http://grosirobatjellygmat.com/

    BalasHapus
  5. infonya sangat menarik,,,
    dan bermanfaat,,.

    BalasHapus
  6. kalo ngatur jarak content/post/text dengan sisi kiri gimana gan?

    BalasHapus