Baiklah, jika Anda ingin menambahkan 2 kolom di bagian bawah postingan, bisa mengikuti langkah -langkah nya berikut ini :
- Login ke Blog anda
- Pilih Rancangan-Edit HTML
Perhatian :
Agar tidak terjadi kesalahan, simpan atau salin template blog ke notepad komputer Anda, dalam keadaan centang Expand Template Widget.
Agar tidak terjadi kesalahan, simpan atau salin template blog ke notepad komputer Anda, dalam keadaan centang Expand Template Widget.
- Selanjutnya hilangkan tanda centang Expand Template Widget agar mudah mengikuti langkah-langkah nya
- Kalau sudah, Anda cari kode ]]></b:skin> dan letakkan kode css berikut di atas kode ]]></b:skin>
#footer-column-divide
clear:both;
}
.footer-column {
padding: 10px;
}
clear:both;
}
.footer-column {
padding: 10px;
}
- Berikutnya, cari kode yang mirip seperti kode di bawah ini :
<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
Atau
<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
Note :
Biasanya, setiap template memiliki kode yang berbeda-beda.
Dalam hal ini, jika Anda tidak dapat menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' /> , yang perlu Anda lakukan adalah menambahkan kode berikut di bawah kode <div id='footer'> atau <div id='footer-wrapper'>.
Biasanya, setiap template memiliki kode yang berbeda-beda.
Dalam hal ini, jika Anda tidak dapat menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' /> , yang perlu Anda lakukan adalah menambahkan kode berikut di bawah kode <div id='footer'> atau <div id='footer-wrapper'>.
- Untuk membuat 2 kolom di bawah postingan, letakan kode berikut :
<div id='footer-column-divide'>
<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/> </div>
<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/> </div>
<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
- Jika sudah di tambahkan, klik tombol Simpan Template, dan lihat hasilnya, nanti kolom blog/gadget akan menjadi sebagai berikut :
thaks
sukses gan bisa :D makasih banyak ya