Cara membuat 3 kolom widget di atas Footer pada blog

Cara membuat 3 kolom widget di atas Footer pada blog

Assalamu'alaikum.wr.wb.

Bagaimana kabar sahabat blogger semua, amin saya punya kabar baik disini :). Alhamdulillah saya dapat merampungkan postingan kali ini, setelah saya kemarin meriview Mau Bikin Website + Hosting Murah AbizZ? Ke Rajawebhost.com aja! .
Kali ini saya akan berbagi mengenai cara menambah 3 kolom widget di atas Footer pada blog kita, yang mungkin belum ada Footernya, seperti pada templete blog saya ini. oke langsung saja.

1. Kita masuk ke akun Blogger kita
2. Klik Rancangan, kemudian Edit html 'Untuk menghindari kerusakan pada templete kita pada saat mengedit, centang Expand Templete Widget'
3. Tekan ctrl+f untuk pencarian cepat, dan ketikan kode ]]></b:skin>
4. Kemudian copy dan paste kode dibawah ini tepat di atas ]]></b:skin>

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

   5. Setelah itu cari kode <div id='footer'>

   6. Kita lanjut copy kode dibawah ini, di atas kode <div id='footer'>

<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>

  7. Terakhir kita pertinjau dulu untuk memastikan tiada kesalahan dalam pengeditan kita, kalau tidak ada masalah, klkik Simpan templete.

Cukuplah sekian artikel saya bagaimana Cara mnambah 3 kolom widget di atas Footer pada blog, mungkin untuk para blogger sudah tidak asing lagi dengan postingan saya ini. Ya mudah*an bermanfaat bagi kita semua dalam kita ngeblog :). terima kasih banyak karena sudah membaca artikel dan berkunjung di gubug saya. Jangan lupa tinggalkan komentar anda yang membangun untuk pembenahan blog saya.
Wassalamu'alaikum wr.wb.

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Teknologi Informasi. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Teknologi Informasi dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Acung pada tanggal Sunday, January 6, 2013