CORETAN ALDIVA: Mengatur Jarak Antara Postingan Blog

Mengatur Jarak Antara Postingan Blog

Dalam dunia blog tak henti-hentinya para blogger mencari cara agar blog yang dikelolanya mempunyai penampilan menarik, semisal menampilkan gambar avatar email pada kotak kementar, memasang read more agar blog tampak simpel, menampilkan hanya judul di halaman depan dan seabrek tips lainnya.

Ketika jarak antara postingan terlalu jauh juga menyebabkan penampilan blog kurang begitu indah. Itu sebabnya kali ini akan saya akan bagikan cara Mengatur Jarak Antara Postingan Blog, jika di antara pembaca mengalami permasalahan ini, agar blog tampak lebih indah. Berikut ini cara-caranya:

Login Blogspot
Pilih Template dan Edit HTML
Tekan ctrl + F untuk mencari kode: .post-body { atau .post-body{
Kemudian di bawahnya terdapat kode: margin-bottom: atau jika tidak ada cari kode: padding-bottom:
Ubah angka dalam kode berikut ini sesuai selera. Semakin kecil angka akan semakin kecil pula jarak antara postingan: margin-bottom: 45px; misalnya menjadi: margin-bottom: 3px;

Kalau masih tidak bisa,kita bisa cari kode .post-footer {
cari margin-bottom kemudian ubah sesuai dengan posisi yg kita inginkan,kalau perlu kasi tanda -

misal:

1. Sebelum di ubah

.post-footer {
    background: none repeat scroll 0 0 #EDEDED;
    border: 3px double #FFFFFF;
    color: #000000;
    font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin-bottom: 2em;
    margin-left: 0;
    margin-top: 5px;
    padding: 10px;
    text-transform: none;

2.Sesudah kita ubah

.post-footer {
    background: none repeat scroll 0 0 #EDEDED;
    border: 3px double #FFFFFF;
    color: #000000;
    font: 90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin-bottom: -2em;
    margin-left: 0;
    margin-top: 5px;
    padding: 10px;
    text-transform: none;

Pratinjau dulu kalau sudah sesuai baru kita save.

Selamar mencoba,semoga sukses