Pada postingan sebelumnya saya pernah membahas tentang
Tiga Kolom/Elemen Halaman Widget di Bawah Header dan
Cara Menambah Dua Elemen di Bawah Header, tapi kali ini kita akan coba membahas tentang
Menambah Kolom di Luar Content Blog.
Menambah kolom diluar content blog maksudnya adalah menambah kolom pada elemen template akan tetapi penempatannya diluar template aslinya. Contohnya adalah pada gambar berikut :
Pada tambahan kolom tersebut, anda dapat menggunakannya untuk berbagai hal. seperti menaruh script iklan atau yang lainnya.
Cara Membuat Kolom Diluar Content Blog adalah sebagai berikut :
- Setelah anda login di blogger, langsung menuju ke "Rancangan >> Edit HTML".
- Cari code #outer-wrapper, perhatikan berapa width code tersebut.
- Tambahkan code CSS berikut dan letakkan di atas code #outer-wrapper :
/* Luar-Wrapper */
#luar-wrapper {
background:#ccc;
width:1350px;
}
/* Luar-Kiri */
#luar-kiri {
margin-left:10px;
width:180px;
float:left;
}
/* Luar-Kanan */
#luar-kanan {
margin-right:10px;
width:180px;
float:right;
}
- Kemudian cari code </body> , letakkan code berikut dibawahnya :
<div id='luar-wrapper'>
- Letakkan code penutup berikut diatas </body> :
</div>
- Cari lagi code <div id='luar-wrapper'> dan letakkan code berikut tepat dibawahnya :
<b:section class='luar' id='luar-kiri' preferred='yes'>
<b:section class='luar' id='luar-kanan' preferred='yes'>
- Simpan Template
Silahkan sesuaikan nilai width untuk #luar-wrapper, #luar-kiri dan #luar-kanan agar sesuai dengan lebar template yang anda gunakan.BACA JUGA ARTIKEL BERIKUT :
