Headlines News :
Home » » Cara Menambah 2 Kolom dibawah Header

Cara Menambah 2 Kolom dibawah Header

BISMILLAH : Dan apabila aku sakit DIA-lah (Allah SWT) yang menyembuhkannya -Asy Syuaraa : 80-

1. Login ke bloger.
2. Klik tata letak atau layout.
3. Pilih Edit HTML.
4. Backup data terlebih dahulu, caranya pilih : Download Template Lengkap.
5. Centang Expand Template Widget.
6. Cari kode ]]></b:skin> (gunakan Ctrl + F).
7. Paste kode berikut di atas kode ]]></b:skin>


#dua-kolom-dibawah-header {
clear:both;
}
.dua-kolom {
}

8. Copy kode berikut ini


</div>
<div id='dua-kolom-dibawah-header'>
<div id='kolom1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='dua-kolom' id='kolom2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

9. Paste di atas kode ini : <div id='main-wrapper'>
10. Simpan tempalte... SELESAI.

Sumber : http://creatingwebsite-maskolis.blogspot.com/2011/03/menambah-kolom-dibawah-header-blogspot.html


--- oOo ---


ALHAMDULILLAH... Semoga Bermanfaat...!!
 
RUMAH GURAH SURABAYA : Jl. Padmosusastro No.102-B (daerah Pakis Wetan) +/- 100 M ke Arah Selatan dari GELORA PANCASILA Surabaya 60241
Proudly powered by BloggerTemplate Created by Mas Template Published by RUMAH GURAH SURABAYA