Membuat 3 kolom di bagian footer blog

Sauuuuuuuuuuur....He...He...Baiklah Pada Tutorial Blog Kali Ini Saya Akan Memberikan Tips Dan Trik Blog Dalam Menambahkan Footer 3 Kolom Dengan Gambar dimana pada artikel sebelumnya saya telah

memberikan banyak sekali tutorial tutorial blog diantaranya Cara Pasang Link Otomatis Di Blog, Cara Membuat Read More Di BLog Juga cara membuat widget sharing sexy blog nah bagaimana Cara Menambah Footer 3 Kolom Di BLog Dengan Gambar Mari Kita lihat cara cara nya dibawah ini....?

• 1. Login ke blogger dan masuk ke Dasbor.
•  2. Klik Rancangan, lalu pilih menu Edit HTML (Jangan Centang "Expand Template Widget")
•  3. Cari kode ]]></b:skin> 
• 4. Letakkan kode CSS berikut ini diatas  ]]></b:skin> 

#footer-column-container { clear:both; } .footer-column { background:#444 url(http://img169.imageshack.us/img169/937/footerbawah.jpg) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff } 

5. Cari kode <b:section class='footer' id='footer'> dan ganti dengan kode pengganti di bawah ini:


<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>

• Apabila tidak ada kode yang saya maksud, letakkan kode pangganti diatas kode  <!-- end content-wrapper -->

•  7. Apabila masih belum ketemu, letakkan kode yang pengganti tadi dibawah kode CSS bagian footer atau bottom.
• 8. Lalu simpan....

Sumber : BLog Forantum

Categories: Blog and Wordpress , Blogger