Merapikan Layout Tata Letak Blogger Yang Berantakan

Pada postingan kali ini saya akan memberikan tips bagaimana mengatasi tata letak blog yang acak-acakan, cara mengatur tata letak blog agar terlihat rapi ini disebabkan template blogger sekarang banyak yang tampilan layout nya bertumpuk, banyak titik-titik dan masih banyak lagi permasalahan tentang tata letak blog itu sendiri

Tata letak / layout yang dimaksud adalah tampilan layout yang terdapat ketika kita ingin menambahkan widget (add a widget) bukan tata letak tampilan blog nya, kalo bahasa lain tata letak tempat pengaturan layout pada blog kita.

Langsung saja berikut tutorialnya

1. Login pada akun Blogger
2. Masuk ke Template → Edit HTML
3. Copy kode ini di atas ]]></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}

5. Kemudin Simpan, dan lihat hasilnya di menu Layout blog sobat. Hasilnya akan seperti gambar dibawah, ini yang berhasil diterapkan pada blog saya 🙂

Jika tidak berhasil, gunakan kode css di bawah ini

#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}
#header-left {width:200px;float:left}
#header-right {width:728px;float:right}
#main-wrapper {width:650px;float:left}
#sidebar-wrapper {width:300px;float:right}
.footer {width:315px;float:left}

Jika tidak berhasil juga, template blog sobat terlalu jenius 🙂


Itu saja tutorial cara merapihkan tata letak blog yang acak-acakan menganturnya agar tata letak blog lebih bagus, semoga bermanfaat.

Leave a Comment