Search This Blog

Cara Mengatur Layout/Tata Letak Blogspot

  • Tuesday, June 26, 2018 at 11:32:00 AM
  • 0 Comments
  • Views
Sewaktu dulu pertama kali membuat atau mengedit template blogspot sering sekali Tata Letak atau Layout nya acak-acakan dan tidak mengikuti tampilan aslinya. Sering sekali di Layout atau di bagian Tata Letaknya hanya menampilkan single column walaupun tampilan aslinya mempunyai sidebar.
Nah sekarang aku udah tau solusinya dan sekarang aku sudah bisa merapihkan tampilan Layout atau Tata Letaknya dengan menggunakan CSS.

Kode CSS Layout Atau Tata Letak
Untuk memperbaiki Layout atau Tata Letak kita hanya perlu menambahkan CSS berikut ini.
body#layout
Untuk contoh keseluruhan Layout atau Tata Letak blogku kodenya adalah seperti berikut ini.
body#layout {
width: 1000px;
}
body#layout #header-box-kiri {
float: left;
width: 695px;
}
body#layout #header-box-kanan {
float: left;
width: 300px;
}
body#layout #body-box {
float: left;
width: 695px;
}
body#layout #sidebar-box {
float: left;
width: 300px;
}
body#layout #footer-left {
float: left;
width: 495px;
}
body#layout #footer-right {
float: left;
width: 500px;
}
No comments
No comments

Post a Comment