Jika kebetulan anda pernah menggunakan template Contempo Hybrida, anda pasti akan menemukan lay out seperti gambar berikut:
Tapi tunggu, Kode diatas adalah standard klasik dan mungkin hanya cocok untuk beberapa jenis template. Jadi gunakan saja kode yang telah saya edit dibawah ini karena hanya dengan demikian bisa cocok untuk lay out Tema Contempo Hybrid yang telah saya buat, kodenya sbb:
body#layout .outer-wrapper {width:970px}
body#layout .content-wrapper {width:970px}
body#layout #header {width:450px;float:left;margin-top:30px}
body#layout #header2 {width:450px;float:right}
body#layout .main-wrapper {width:750px}
body#layout .sidebar-wrapper,.sidebar1-wrapper {width:330px;float:right}
body#layout #footer {width:800px}
.footer {width:215px;float:left}
body#layout ul {display: none}
Lalu cari kode <b:skin><![CDATA[ pada Contempo Hybrid letaknya persis dibawah kode ]]></b:skin> jika sobat bertemu dengan dua kurung siku sperti ini: >...< dengan tiga buah titik ditengahnya, double klik saja tepat pada titik tersebut sampai kode [CDATA[ muncul, dan pastekan kode diatas tepat dibawahnya. Maka tampilan lay out template Contempo Hybrid sobat akan segera menjadi rapi seperti contoh pada gambar dibawah ini:
Tampilan titik titik adalah Menu navigasi custom yang saya buat, tampilan lay out ini tentu saja mengganggu sebagian pengguna walaupun tidak berpengaruh apa apa pada performa blog, saya sebenarnya berencana mau merapikannya dan menjadikannya seperti lay out gagdet/widget default blogger. Akan tetapi karena kesibukan saya hanya bisa menyembunyikannya dengan cara sebagai berikut:
- Masuk ke blogger>>Dasbor>>Tema>>Edit HTML
- Kopi kode dibawah ini:
body#layout .outer-wrapper {width:970px}
body#layout .content-wrapper {width:970px}
body#layout #header {width:450px;float:left;margin-top:30px}
body#layout #header2 {width:450px;float:right}
body#layout .main-wrapper {width:750px}
body#layout .sidebar-wrapper,.sidebar1-wrapper {width:330px;float:right}
body#layout #footer {width:800px}
.footer {width:215px;float:left}
body#layout ul {display: none}
Lalu cari kode <b:skin><![CDATA[ pada Contempo Hybrid letaknya persis dibawah kode ]]></b:skin> jika sobat bertemu dengan dua kurung siku sperti ini: >...< dengan tiga buah titik ditengahnya, double klik saja tepat pada titik tersebut sampai kode [CDATA[ muncul, dan pastekan kode diatas tepat dibawahnya. Maka tampilan lay out template Contempo Hybrid sobat akan segera menjadi rapi seperti contoh pada gambar dibawah ini:
Demikian update untuk kami untuk perbaikan lay out Contempo Hybrida. Mohon maaf atas ketidak nyamananya.