Cara Mengatur Jarak Kotak komentar Dengan Footer Blogger

Cara mengatur jarak kotak komentar dengan footer blog untuk template standar blogger dapat dilakukan dengan hanya merubah padding dari main-inner template tersebut.

Seperti kita ketahui, main-inner dari template standar blogger mempunyai 2 (dua) padding yaitu padding atas atau padding-top dan padding bawah atau padding-bottom. Padding-top adalah untuk mengatur jarak antara header dengan posting dan sidebar, sedangkan padding-bottom untuk mengatur jarak antara kotak komentar dengan footer atau mengatur jarak antara footer dengan kolom posting dan kolom sidebar.

Cara mengatur jarak kotak komentar dengan footer blog untuk template standar blogger dapat dilakukan dengan langkah - langkah berikut:

Poin 1:
Login ke blogger.com ---> Template ---> Edit Html. Kemudian dengan Ctrl+F carilah kode css ]]></b:skin>

Poin 2:
Letakkan kode di bawah ini di atas kode ]]></b:skin>:

.main-inner {
padding-bottom:0px;
}

Padding dari main inner standar blogger biasanya mempunyai nilai 30px. Agar jarak kotak komentar dengan footer menjadi rapat maka padding bagian bawah atau padding-bottom nya harus mempunyai nilai 0 (nol). Atur sesuai keinginan.

Poin 3:
Simpan template dan selesai.

Tambahan:
Setelah mengatur jarak antara kotak komentar dengan footer blog, maka selanjunya adalah mengatur judul widget yang ada di footer agar tidak terlalu renggang dengan tepi footer bagian atas dan mengatur jarak antara isi footer dengan tepi footer bagian bawah.

Caranya adalah dengan merubah padding pada footer. Letakkan kode css berikut di atas ]]></b:skin> dan kemudian simpan template:

.footer-inner {
padding-top:10px;
padding-bottom:10px;
}

Silahkan atur jaraknya sesuai keinginan dengan cara menambah atau mengurangi nilai padding nya.

Adapun ilustrasi cara mengatur jarak antara kotak komentar dengan footer blogger dapat dilihat pada gambar:

• Gambar Jarak kotak komentar dan footer blog sebelum diatur
• Gambar Jarak kotak komentar dan footer blog setelah diatur

Demikian sekilas mengenai Cara mengatur jarak kotak komentar dengan footer blog. Selamat mencoba dan semoga manfaat.

Related Posts :