Cara Membuat 3 Kolom Widget di Atas Footer pada Template Thesis

Cara Membuat 3 Kolom Widget di Atas Footer pada Template Thesis -

Bila Sobat juga menggunakan template Thesis seperti yang ane pakai ini dan ingin menambahkan 3 kolom widget di atas footer, Sobat bisa melihat langkah-langkahnya di bawah ini. Postingan membuat 3 kolom di atas footer ini bisa dibilang merupakan kebalikan dari posting yang berjudul Cara Membuat 3 Kolom di Bawah Header pada Template Thesis SEO. 

Berikut langkah-langkahnya:

1. masuk ke akun Blogger
2. klik rancangan lalu edit html

 

Agar template Blog agan tidak rusak cetang dulu Expand Template Widget atau  Download Template Lengkap

   3. Cari code ]]></b:skin> jika agan kesulitan untuk mencarinya tekan ctrl+f untuk mempermudah pencarian

     4.lalu kopy code di bawah ini lalu paste di atas  ]]></b:skin>

#tiga-kotak-bawah {
clear:both;
border-top:3px double #e6e4e3;
}
.kolom-kotak {
padding:0px 10px 10px 10px;
} 

 5.Selanjutnya cari kode <div id='footer'>

 6. Letakkan kode di bawah ini di atas kode <div id='footer'> tersebut.

<div id='tiga-kotak-bawah'>
<div id='kotak1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol1' preferred='yes' style='float:left;'/>
</div>
<div id='kotak2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol2' preferred='yes' style='float:left;'/>
</div>
<div id='kotak3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div> 

setelah itu  klik SIMPAN TEMPLATE

keterangan : tukisan yang berwarna merah  Silakan diubah paddingnya sesuai keinginan Agan

selamat mencoba............... 

 

Tweet