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:
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;
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;
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
Langganan:
Posting Komentar (Atom)
