CARA MENGHILANGKAN BLANK SPACE DI SEBELAH KANAN KONTEN TEMPLATE NOTABLE

template notable default blogspot
Gambar template default Notable blogspot - source: Google

Tanpa merusak struktur bawaan template, kita dapat merombak bagian tampilan post-body salah satu template terbaru blogger yang bernama Notable dengan mudah. Apaan sih itu maksudnya? maksudnya begini, secara default (bawaan template) ruang konten template notable itu tampak tidak seimbang antara kini dan kanannya jika di buka melalui PC laptop atau layar 10 inchi ke atas.

Kalau tidak di rombak pada tampilan laptop atau layar perangkat 10 inchi keatas maka kita akan temukan banyak ruang kosong di bagian kanan layar. Atau lebih populer dengan istilah blank space. Pertanyaannya untuk apa ada Blank space? Banyak mata pengguna menangkapnya sebagai 'mubazir' saja.

Tampilan sebelum dan sesudah di 'perbaiki' tampak sebagai berikut: 

Sebelum dan sesudah ruang konten di edit

Memperbaikinya cukup mudah.
  • Masuk ke pengaturan dasbor blogger yang menggunakan template notable
  • Pilih Tema
  • Pilih edit HTML
Di dalam halaman editor HTML blogger cari kode atau pengaturan CSS berikut (kode asli bawaan-nya:
body.item-view .Blog .post-body-container{
padding-$endSide:290px;
position:relative;
margin-$startSide:140px;
margin-top:20px;
margin-bottom:32px
}
body.item-view .Blog .post-body{
margin-bottom:0;
margin-$endSide:110px
}
Lalu ganti setiap nilai yang saya merahkan sehingga akan tampak sebagai berikut:
body.item-view .Blog .post-body-container{
padding-$endSide:120px;
position:relative;
margin-$startSide:120px;
margin-top:20px;
margin-bottom:30px
}
body.item-view .Blog .post-body{
margin-bottom:0;
margin-$endSide:20px
}
Bagaimana mudah bukan? Demikian cara mengatasi blank space yang kelewatan banyaknya di sebelah kanan konten sewaktu kita menggunakan template notable secara default (asli bawaan).

Latar konten ini dibuat

Kasus ini telah di ajukan oleh banyak pengguna blogger di blogger help, dan diskusi telah di tutup tanpa jawaban yang memuasakan. Karena itulah saya akhirnya mempelajari pengaturan CSS template notable ini. Dan menemukan bagian pengaturan lebar konten, yakni:
body.item-view .Blog .post-body-container{
Dan benar, itu manjur!

Akan tetapi sebenarnya blank space pada template notable bukan tanpa manfaat karena ia akan terasa berguna pada saat halaman blog telah di monetisi dan itu di maksudkan sebagai lapak iklan dengan posisi banner berdiri (portrait). Akan tetapi tata-letak iklan sebenarnya kita bisa menentukannya sendiri. Tidak ada yang salah dengan perbaikan ini, apalagi halaman yang anti iklan seperti editblogtema ini.

Kesimpulannya adalah: menghilangkan ruang kosong (blank space) di sebelah kanan konten berarti menambah lebar konten itu sendiri, dan itulah yang telah kita lakukan melalui tutorial di atas tadi.

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share:

Posting Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

Lebih baru Lebih lama

Formulir Kontak