Mengurangi Spasi Antara Judul dan Isi Postingan Blog

Sebenarnya ini bukan masalah besar bagi kita, tapi untuk orang yang gres mengenal dunia blogging, jarak spasi antara judul dan isi postingan yang terlalu kebawah, maka sangat mengganggu. apalagi jarak (margin-botton) mencapai 5px. pasti sangat abnormal dilihatnya. itulah yang masih menjadi tanda-tanya untuk kita sebagai orang yang gres mengenal dunia blogging khususnya CSS template. jikalau anda menemukan masalah seakan-akan ini pada blog anda, maka cobalah untuk mengatur jarak spasi tersebut biar terlihat lebih nyaman saat dikunjungi oleh orang yang tiba ke blog anda.

Kesalahan ini sering terjadi di blog berguru berbagi ketika sedang mengutak-atik css template blog lantaran tidak sengaja. sebagai contohnya yaitu sebagai berikut

Mungkin seolah-olah inilah keluhan anda. pada serpihan sebelum, jarak spasinya aku buat menjadi 5px. dan sesudahnya, jarak spasi tersebut telah saya sulap menjadi 20px. letaknya dimana? letaknya ialah pada penggalan margin-bottom di CSS template.

Bagaimana Cara mengatur jarak spasi antara judul dan isi postingan?

Jika memang spasi tersebut mengganggu anda dan mungkin saja mampu mengganggu pengunjung yang tiba ke situs blog anda, maka tutorial inilah sebagai balasan dari pertanyaan anda yaitu mengurangi jarak spasi antar judul dan isi artikel secara lengkap dan terperinci.

Pada sajian css pada template memang beragam macam, untuk dari itu silahkan anda cari aba-aba-kode yang sama seolah-olah dibawah ini:

Login ke blogger » template » edit HTML » cari aba-aba css dibawah ini

Cara pertama, silahkan anda mencari isyarat .post-header. jikalau sudah ketemu dengan isyarat tersebut, silahkan letakan isyarat margin-bottom: -20px diantara instruksi { contohnya :

.post-header
color:$titlecolor;
font-size: 18px;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
margin-bottom: -20px;
padding: 0 0 25px;

Save template dan silahkan lihat akhirnya di blog anda.

Jika Cara pertama diatas tadi atau aba-aba .post-header { tidak ada, maka gunakan Cara kedua yang satu ini dengan Tutorial carilah instruksi .post h1 { atau .post h1, .post h2 { atau sejenisnya, dan letakan aba-aba margin-bottom: -20px; diantara instruksi { contohnya

.post h1
color:$titlecolor;
font-size: 18px;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
margin-bottom: -20px;
padding: 0 0 25px;

Atau

.post h1, .post h2
color:$titlecolor;
font-size: 18px;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
margin-bottom: -20px;
padding: 0 0 25px;

Save template anda, dan silahkan lihat alhasil pada blog anda

Jadi intinya untuk mengatur jarak spasi antara judul dan isi postingan pada blog terletak di margin-bottom: -20px;. silahkan anda rubah -20px tersebut sesuai dengan selera anda.

Sekian info untuk pemula tentang cara mengatur jarak spasi antara judul dan isi postingan blog, semoga Tutorial diatas bisa anda gunakan pada template blog anda. terima kasih dan happy blogging.