sponsor

sponsor

Slider

Materi dan Tutorial Khusus Untuk Membuat Situs Web Dan Blog Bagi Pemula Hingga Tingkat Mahir. Gambar tema oleh kelvinjay. Diberdayakan oleh Blogger.

Posts

Recent Tube

Business

Technology

Life & style

Games

Sports

Fashion

» » » » » » » » » » » » Cara membuat 3 kolom widget di atas Footer pada blog

Cara membuat 3 kolom widget di atas Footer pada blog

widget 3 kolom footer

Assalamu'alaikum.wr.wb. Salam Sejahtera.

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

«
Next
Posting Lebih Baru
»
Previous
Posting Lama