Cara Mengatur Tinggi Garis Pada Posting Blog

Sebagian pengguna blog, mungkin diantara kita ada yang ingin mengatur tinggi garis pada posting blog, kerena yang kita ketahui tinggi garis yang terlalu jauh membuat halaman posting memanjang kebawah, sehingga kurang menarik di pandang mata. Terlebih jika ukuran huruf tersebut kita perbesar, maka halaman posting akan lebih memanjang lagi sesuai banyaknya kata.

Agar tinggi garis antara baris pertam, kedua dan seterusnya tidak terlalu memanjang kebawah seperti yang anda lihat pada gambar diatas, anda bisa melakukan dengan menerapkan trik yang saya uraikan dibawah. Lalu sebelum anda mengimplementasikan tekhnik tersebut, coba lihat kembali kira-kira berapa ukuran huruf yang anda gunakan saat ini. Untuk ukuran standar bisanya 12 px dan saran saya kembalikan terlebih dulu ke ukuran normal apabila sebelumnya telah dirubah, sehingga pada waktu merubah tinggi garis akan terlihat jelas panjangnya kalimat dalam halaman posting blog.

Dan perlu diketahui, saya melakukan percobaan trik tersebut pada template standar blogger, sehingga jika ada yang menggunakan template standar blogger saya pikir akan lebih mudah memahaminya, namun apabila menggunakan custom template atau template oleh pihak ketiga anda bisa menyesuaikan juga, karena pada Editor Template, kode yang ada dalam template tidaklah jauh berbeda. 

Untuk keperluan dalam hal ini, silahkan ikuti langkah-langkah dibawah ini secara berurutan.

1. Pastikan anda sudah login terlebih dulu pada blog yang dikelola.

2. Pada halaman dashbor, klik menu Template.

3. Back-up template anda terlebih dulu, klik Cadangkan / Pulihkan.

4. Kemudian buka editor template, klik Edit HTML > centang atau beri tanda ceklis pada kotak Expand Template Widget.

5. Cari Kode berikut .post-body { , untuk mepermudah pencarian tekan Ctrl+F.

6. Setelah menemukan, perhatikan rangkain kode berikut pada template yang saya gunakan kodenya seperti dibawah ini :

.post-body {

font-size: 110%;

line-height: 1.4;

position: relative;

}

7. Rubah nilai/angka pada bagian yang diberi warna dan bercetak tebal, misalnya : menjadi seperti berikut (line-height: 1;). Kemudian klik pritinjau untuk melihat perubahan pada bagian posting, apabila sudah cocok sesuai selera, simpan template anda.

8. Klik Simpan Template, selesai.

Keterangan :

- Angka ( 1 ) diatas pada langkah ke 7 hanyalah sebagia contoh, anda bisa menyesuaikan, sekali lagi sesuai selera pada tinggi garis yang diinginkan. Misalnya 1.1 atau 1.2.

- Jika menemukan .post-body { lebih dari satu dalam editor template, perhatikan pada bagian yang terdapat line-height: 1.4; } <<< ini adalah patokan utama yang dimaksud. Misalnya seperti rangkaian kode dibawah ini :

.post-body {

line-height: 1.4;

}

- Rangkaian kode diatas hanyalah sebagai contoh, karena setiap template pasti berbeda-beda dan intinya tetap fokus pada kode .post-body 
{ line-height: 1.4;  
}

Selamat mencoba.

Sekian dan Terima Kasih