Kali ini yang akan kita modifikasi adalah, menambah atau membuat tiga kolom di bawah postingan.. Seperti di ketahui pada artikel tentang "menambah lebar dan tambah kolom template blogger" hasil modifikasi nya adalah seperti gambar berikut :
Nah, sekarang langsung saja ketujuan kita yaitu membuat tiga kolom di bawah postingan.
Log In Ke Draft Blogger
Dalam Dasbor masuk Tata Letak --> Edit HTML
Jangan centang Expand Template Widget
Cari kode ini ]]></b:skin>
Copy kode dibawah ini dan paste kan tepat diatas kode ini ]]></b:skin>
/* Bottom
---------------------------- */
#bottom {
width: 930px;
position: relative;
clear:both;
margin: 0 auto;
color:#000;
float: left;
padding: 0;
}
#left-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}
#center-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}
#right-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}
Di bagian paling bawah, anda cari kode ini
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Copy kode dibawah, kemudian paste kan tepat diatas kode berwarna biru tadi.
<div id='bottom'>
<b:section class='bottom' id='left-bottom'/>
<b:section class='bottom' id='center-bottom'/>
<b:section class='bottom' id='right-bottom'/>
</div>
Simpan Template.
Hasilnya seperti ini :



0 comments:
Poskan Komentar