Thursday, April 4, 2013

Cara Menambahkan 3 Kolom Di atas Footer Blog

Jembertheisozone - Cara membuat 3 kolom di atas footer bisa sobat lihat di bawah ini:
  1. Login pada blog sobat
  2. Masuk ke halaman template
  3. Edit HTML lalu Lanjutkan
  4. Expand Template Widget
  5. Cari kode ]]></b:skin> 
#footer-bottom {
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}

    6.  Lalu cari kode <div id='footer'> dan letakkan kode di bawah ini di atas kode tersebut

<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>

  1. Simpan
Keterangan:
  • Kode yang berwarna merah adalah ukuran masing - masing kolom, bisa sobat ganti dengan kemauan sobat sendiri
  • Kode yang berwarna biru adalah warna background nya bisa sobat ganti dengan kemauan sobat sendiri.
Semoga Bermanfaat....
You Might Also Like
Share this article :

0 komentar:

Post a Comment

Silahkan Berkomentar Untuk Saran Yang Dapat membangun kami

1. Jangan Membuat Komentar Yang bersifat Spam
2. Berikan Komentar Yang Baik
3. Kritik/saran Yang Bertujuan Memajukan Dan Membenarkan
5. Berikan Saran Yang Berkaitan Dengan Artikel Yang dibahas
6. Menggunakan Bahasa Yang Sopan
7. Tidak Mengandung Unsur Sara Dan Ejekan

 

JemberTheIsoZone - Copyright  © 2012 All Rights Reserved | Design by Fandy Converted and modified into Blogger Template by Jembertheisozone | Back to TOP