Selamat Datang..

Cara Membuat Tiga Kolom Dibawah Posting / Diatas Footer

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:

 
Livescore