Cara Jitu Memperbaiki Tata Letak Error pada Blogger


Cara Jitu Memperbaiki Tata Letak Error pada Blogger - Di dalam dashboard blog kita terdapat sebuah tempat khusus yang digunakan untuk mengedit dan menambahkan gadget (widget) yang biasa kita kenal dengan istilah layout blog (Tata Letak). 
Apa itu layout ?
Layout atau Tata letak merupakan sebuah struktur pola atau bagian-bagian dari badan blogger seperti yang biasanya kita kenal dengan istilah Header, Main (Blog Posts), Sidebar dan Footer. Tata letak berfungsi untuk menambahkan, mengatur dan menghapus gadget (widget) pada blog. Dengan adanya tata letak kita menjadi lebih mudah, menjadi terbantu ketika kita ingin menambahkan sebuah gadget(widget) yang telah disediakan oleh pihak blogger sendiri. 

Tapi apa jadinya, ketika kita sedang asik-asiknya mengotak-atik template blogger, tiba-tiba mengalami tata letak yang error, muncul titik-titik dari atas kebawah dan tampilan menjadi semrawut sana-sini sehingga tidak karuan dan tidak enak dipandang oleh mata kita. Kita sebagai newbie, terkadang tidak tahu cara mengatasinya, dan satu-satunya cara bertanya disimbah google adalah hal yang tepat. Mencari dengan keyword "cara mengatasi error pada tata letak" sehingga muncul sepuluh blog besar pada urutan pertama si GOOGLE. Ketika mencoba dan menerapkan ide dan gagasan mereka satu-persatu hasilnya Nol Besar. Bukan berarti ide dan gagasan mereka salah, akan tetapi sebagian dari mereka hanya menjelaskan secara intinya saja. Padahal sebagain dari newbie masih ada yang belum tahu cara kerja ide dan gagasan mereka.

Maka dari itu, saya akan menjelaskan secara gari besar permasalahan tersebut sesuai dengan apa yang saya alami. Sebenarnya saya sendiri juga pernah mengalami hal tersebut, maklumlah newbie gituu. Awal dari tata letak yang error tersebut disebabkan karena salah satunya yaitu seringnya gonta-ganti template blogger hal ini membuat tumpang tindih antara blog pertama dengan blog kedua. Menurut saya hehe.
Pada dasarnya masalah ini tidak berefek ketampilan blog kita, kita biarkan seperti itu juga gak masalah. Yang menjadi masalah hanya tampilan pada tata letak yang semrawut dan tidak enak dipandang oleh mata saja.

Berikut Cara mengatasinya :
1. Pastikan didalam template kita ada kode seperti ini "body#layout bla bla bla". Jika belum ada tambahkan kode dibawah ini diatas kode ]]></b:skin>
body#layout .outer-wrapper {width:970px}
body#layout .content-wrapper {width:970px}
body#layout #header {width:300px;float:left;margin-top:30px}
body#layout #header2 {width:500px;float:right}
body#layout .main-wrapper {width:550px}
body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}
body#layout #footer {width:970px}
.footer {width:215px;float:left}
body#layout ul {display: none}
2. Masuk ke tata letak yang error tadi, fokuskan cursor diatas titik paling atas sendiri kemudian klik kanan >> pilih Inspect atau tekan Ctrl+Shift+I. sehingga akan muncul Elements kode. (*Saya menggunakan Google Crome). Nah, Tujuannya agar kita nanti bisa mengolongkan titik tersebut berada di id mana. seperti gambar dibawah ini :
Ternyata titik tersebut berada dalam id menu-wrap.
Maka dari itu, tambahkan kode dibawah ini diatas kode ]]></b:skin>
body#layout #menu-wrap ul {
display: none;
}
Kode diatas sesuaikan nama id-nya atau classnya.
Jika menggunakan tag id maka gunakan simbol (#), sedangkan jika mengunakan tag class gunakan simbol titik (.)

Hasilnya...

Demikian tentang Cara Jitu Memperbaiki Tata Letak Error pada Blogger yang bisa saya sajikan, apabila ada yang belum jelas bisa ditanyakan melalui kotak komentar. Semoga postingan ini bisa bermanfaat bagi anda


Post a Comment

Silahkan manfaatkan kotak komentar dibawah ini untuk bertanya, menanggapi, menambahkan pendapat dan tempat untuk berdiskusi. Mohon maaf sebelumnya, setiap link hidup akan terhapus secara otomatis.

Previous Post Next Post