Tips Tutorial Cara Atasi Tampilan Tata Letak Blogger Hanya Terlihat Sebagian

Beberapa hari sesudah saya mempublikasikan tutorial cara mengedit widget yang tidak terlihat tombol editnya, tampilan halaman tata letak (layout page) pada Blogger / Blogspot kembali normal. Halaman tata letak yang sebelumnya hanya tampil separuh, kini sudah tampil penuh, beberapa tombol edit yang tadinya tersembuyi, kini sudah muncul / terlihat kembali. Tapi sayangnya itu hanya terjadi pada web / blog yang memakai template standar yang masih original, sementara untuk pengguna template responsive (mungkin hanya beberapa), baik itu custom atau template standar yang telah diubah menjadi responsive. Tampilan halaman tata letaknya masih error. Untuk mengatasi tampilan halaman tata letak yang error pada Blogger, silahkan ikuti tutorial berikut ini.

Hasilnya akan terlihat menyerupai gambar di bawah ini.

Cara supaya semua tombol edit di halaman tata letak dapat muncul / terlihat.

Untuk pengguna template standar Blogger responsive.

Khusus buat Anda yang telah mengikuti tutorial cara menciptakan template blog menjadi responsive dari saya. Silahkan lakukan salah satu dari dua cara berikut.

1. Gabungkan aba-aba CSS di dalam <b:template-skin> dengan <b:skin>. Caranya

<b:skin><![CDATA[  ...CSS..  ]]></b:skin> <b:template-skin><![CDATA[  ...CSS...  ]]></b:template-skin>

Hapus aba-aba yang di tandai dengan warna merah. Simpan template. Atau

2. Cukup pindahkan aba-aba CSS di bawah ini, dari tag <b:template-skin> ke dalam tag <b:skin>.

body { width: 1100px; margin:0 auto; min-width: $(content.width); }

Hapus saja aba-aba yang berwarna merah.

Update : Jika cara di atas belum dapat mengatasi tampilan layout yang error. Lakukan hal berikut. Tambahkan aba-aba CSS di bawah ini, letakkan di atas aba-aba ]]></b:template-skin> atau di atas aba-aba ]]></b:skin>, terserah yang mana saja.

body#layout {width: 100%;}

Untuk pengguna template custom Blogger.

Ini mungkin akan sulit untuk menciptakan referensi yang akurat, sebab tiap-tiap template custom Blogger mungkin mempunyai aba-aba (penamaan) yang berbeda-beda. Pada dasarnya,  untuk mengatasi persoalan tampilan halaman tata letak yang hanya terlihat sebagian / separuh yakni dengan memindahkan aba-aba CSS pembungkus terluar atau pembungkus semua widget di dalam body ke dalam kumpulan CSS utama. Pada template custom umumnya memakai <div id='wrapper'>.

Di bawah ini yakni cara yang sudah saya praktekkan pada salah satu template custom Blogger gratisan milik Kunci Dunia, dan alhasil sesuai impian (SUKSES). Yaitu dengan memindahkan aba-aba CSS di bawah ini dari tag <b:skin> ke dalam tag <style type='text/css'>

#wrapper {width: 1100px; overflow: hidden;}

Simpan template, dan coba lihat halaman tata letak / layout blog Anda.

Jika Anda punya saran lain, silahkan di share pada kolom komentar. Sekian, semoga bermanfaat dan selamat mencoba.

Salam Blogger.