Skip to main content

Cara mudah Mengubah atau Mengurangi Jarak Spasi pada Postingan Blog Jenis Notable Template

(Bisa COD) Kualitas Terbaik Hoodie Polos Overdose Chanbaek Chanyeol B M3J3T

Seperti yang sudah kita ketahui bahwa Google melalui blogger.com telah mengeluarkan 5 jenis varian template terbaru, salah satunya adalah Notable template yang saya sukai ini.

Tapi, seperti yang sudah-sudah, template-template yang disediakan blogger.com tampilannya masih standar banget, jauh dari tampilan profesional. Ya, maklum, template gratisan. Tapi jangan kawatir, walaupun demikian kita masih bisa mengubah tampilan template-template tersebut menjadi tampilan yang lebih elegen, sedap dipandang mata, mendekati template profesional (walau masih jauh, hehe..). Salah satunya yaitu dengan cara mengubah atau mengurangi jarak spasi pada postingan blog jenis Notable Template ini.

Catatan: walaupun yang saya ujicoba adalah jenis blog Notable template, siapa tahu cara ini juga bisa diterapkan pada jenis template lain. Monggo, silahkan dicoba dulu.

Nah, berikut adalah cara mengubah atau mengurangi jarak spasi pada postingan blog yang saya maksud, caranya sangat mudah. Tapi sebelum dilanjut coba perhatikan tampilan salah satu blog saya sebagai ujicoba.

Ini tampilan postingan blog (salah satu blog milik saya) dengan jarak spasi masih 2, sebelum diubah:

Postingan Blog dengan Spasi 2, Jenis Notable Template

Tampilan tersebut diatas masih standar bawaan aslinya dengan jarak spasi masih 2. Terlihat jarak spasinya terlalu lebar bukan? Nah, kita akan mengurangi jarak spasi tersebut menjadi lebih kecil, misalnya 1.6.  

Nah, berikut ini langkah-langkahnya: 

Silahkan cari kode script: body.item-view .post-body{ pada ruang Edit HTML blog anda. Untuk mempercepat pencarian, letakkan kursor terlebih dahulu pada ruangan Edit HTML lalu tekan Ctrl+F, kemudian kamu copy paste kode script tersebut pada kotak mencarian yang muncul diatas ruang Edit HTML blog tersebut.

Setelah ketemu, perhatikan beberapa baris script yang ada di bawah kode script yang kamu cari tadi, akan terlihat seperti ini:

. . . . .
body.item-view .post-body{
color:$(body.text.color);
font:$(body.text.font);
line-height:2
}
. . . . . 

Nah, tugas kamu adalah silahkan ganti kode yang saya blok warna merah, line-height=2 dari angka 2 menjadi misalnya angka 1 (untuk spasi 1) atau 1.6 (untuk spasi 1.5), atau sesuai selera anda yang cocok pada blog kamu. 

Dan seperti ini tampilan jarak spasi postingan blog setelah diubah menjadi 1.6, terlihat semakin padat dan ringkas. 
Postingan Blog dengan Jarak Spasi 1.6, Jenis Notable Template

Bagaimana, mudah bukan? Monggo, silahkan dicoba!

Comments



Contact Form

Name

Email *

Message *

Copyright © 2021 | BlusukanSmart.Info | All Rights Reserved