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
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
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.
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.
Posting Komentar