Jadi kali ini otak-atik bagaimana cara menambahkan 3 kolm langsung di blog. saya punya rencana untuk menambah space 3 kolom. hal ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga saya akan gunakan sebagai daftar artikel, daftar link dan sebagainya.
langsung kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header – Cara Memasang Kolom Di Bawah Header, jadi begini caranya :
- Masuk ke akun bloggger Anda
- Klik Template >> Edit HTML >>
- Sekarang Cari kode ]]></b:skin>
- Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
Kodenya ini :
<div id=”box3″ style=”float: left; margin: 0; text-align: left; width: 35%;”> <b:section id=”col3″ preferred=”yes” style=”float: left;”> </b:section></div>
Mari kita lanjutkan :
5. Selanjutnya Cari kode <div id=’main-wrapper’> atau <div id=”main-outer”>
6. Copas kode dibawah ini dan letakan diatas salah satu kode <div id=’main-wrapper’> atau <div id=”main-outer”>
Kodenya ini :
<div id=’box-kolom-widget’> <div id=’box1′ style=’width: 35%; float: left; margin:0; text-align: left;’> <b:section class=’box-widget’ id=’col1′ preferred=’yes’ style=’float:left;’/> </div> <div id=’box2′ style=’width: 30%; float: left; margin:0; text-align: left;’> <b:section class=’box-widget’ id=’col2′ preferred=’yes’ style=’float:left;’/> </div> <div id=’box3′ style=’width: 35%; float: left; margin:0; text-align: left;’> <b:section class=’box-widget’ id=’col3′ preferred=’yes’ style=’float:left;’/> </div> <div style=’clear:both;’/> </div>
7. Langkah terakhir klik Tombol Simpan Template. Selesai dan lihat hasilnya.
