Cara Membuat Atau Menambah 3 Kolom Dibawah Header
Berikut Lankah-Langkah Untuk Menambah 3 Kolom Dibawah Header :
1. Pastikan anda sudah login ke akun blogger/blogspot
2. Setelah ada berada pada halaman Panel Blog anda Pilih " Template"
3. Klik Tombol Edit HTML
4. Klik Tombol Proceed atau Tombol Lanjutkan
4. Klik Tombol Proceed atau Tombol Lanjutkan
5. Jangan lupa Centang Expand Template Widget.
6. Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca caranya
6. Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca caranya
8. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
<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>
<b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/>
</div>
9. Selanjutnya Cari kode
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=BLOG KAMU (Header)' type='Header'/>
</b:section>
Copas kode dibawah ini dan letakan kode di bawah ini setelah kode di atas
<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>
Ubah angka presentase% sesuai yang di inginkan
<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>
Ubah angka presentase% sesuai yang di inginkan
12. Dibiasakan PRATINAJAU dulu sebelum Simpan Tempele
13. Lankah terakhir klik Tombol Simpan Template
13. Lankah terakhir klik Tombol Simpan Template
14. Selesai dan lihat hasilnya
Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout jika ada Elemen tambahan Diatas Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar
