Sabtu, 08 Januari 2011

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

1 komentar:

DZUL mengatakan... Reply

waaaaah ketemu juga. template gax ada footer ya bingung mo nambahin y gmna... untung ada artikel ini.. makasih yaaaa

www.blogzul.co.cc

Posting Komentar

Kalau habis baca artikel ini tolong comment ya :')

Related Posts Plugin for WordPress, Blogger...