-->

Ketikan yang Sobat cari lalu tekan ENTER

Cara Mengatasi Tata Letak (Layout) Pada Blog Yang Berantakan
advertise here

Menarik Lainnya

Cara Mengatasi Tata Letak (Layout) Pada Blog Yang Berantakan

Pada kesempatan kali ini Om Ipoel akan memberikan lagi sebuah tutorial mengenai blog, mungkin bagi yang pernah mengalami dan sudah tau cara menanganinya cukup menyimak saja, karena tutorial ini hanya untuk blogger pemula yang baru masuk dalam pembloggingan atau juga blogger yg lama tapi lupa cara ngatasinya, Nih langsung saja....

Cara bmengatasi tata letak (Layout) blog yang berantakan

cara mengatur tata letak blog agar terlihat rapi ini disebabkan template blogger sekarang banyak yang tampilan layout nya bertumpuk, atau wrapper yg float right sehingga pada titik (edit) pun tak terlihat dan tak bisa di klik.

Ada juga banyak titik-titik yg sangat mengganggu 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.

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}


Itu saja tutorial cara mengatasi layout / tata letak yang acak-acakan pada template blog, semoga bermanfaat.