Memberi Jarak Antar Kolom Post

Seperti yang saya katakan pada artikel sebelumnya, pemberian jarak kosong pada template kita sangatlah penting untuk pembaca. Jarak antar kolom post juga sebaiknya diberikan jarak. Bagaimana cara membuatnya? yuk belajar sama-sama.

1. Login ke Account blogger anda.kemudian pilih menu  Tata Letak,lalu  EDIT HTML.

2. Cari kode:

.post {
  margin: 0 0 $(post.margin.bottom) 0;
}

Nb: Setiap template mempunyai kode unik tersendiri,namun pada umumnya memakai kode tersebut. Terutama untuk template-template default dari blogger.

*** Memberi Jarak Antar Post ***

• Ganti text berwarna biru dengan:

margin: 0px 0px 15px 0px;

*** Membuat Tampilan Post Menjadi Terpisah ***

• Ganti text berwarna biru dengan:

margin: 0px 0px 15px 0px;
padding:10px;
border:1px solid #999;

• Kemudian cari kode:

.post-footer {
margin: 20px -2px 0;
padding: 5px 10px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}

• Hapus text berwarna merah. (Jika kode tidak sama dengan yang diatas,cari saja kode background dan border pada .post-footer template anda. Kemudian hapus kode tersebut.)

Selesai.

Jika ada kesulitan,jangan sungkan-sungkan untuk meninggalkan komentarnya.

Semoga bermanfaat.

Artikel Terkait