Merapikan Layout Tata Letak Blogger Yang Berantakan

Advertisement
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.
Advertisement

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.

Add your comment Hide comment

Disqus Comments