Minggu, 24 Februari 2013

Cara Menambahkan 3 Kolom Footer


Blog saya terasa sempit Sepertinya jika ditambahkan footer akan cukup memberikan tempat. Sebelumnya saya sempat bingung, bagaimana sih cara untuk membuat kolom dibagian bawah  footer ? setelah saya cari akhirnya kudapatkan juga cara tersebut, nah begini caranya :



1. Login ke blooger.com
2. Kemudian masuk ke Layout => Edit HTML
3. klik “Expand Widget Template”
4. Cari kod

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>
    Ket: pada beberapa template kodenya: footer atau footer-section

5. ganti kode yang berwarna merah dengan script berikut :

 <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 style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

Nah gampang kan.. selamat mencoba dan semoga sukses...!!!



0 komentar:

Posting Komentar

1.Tidak Menggunakan Bahasa Yang Kasar
2.Tidak Mencantumkan Link Aktif
3.Tidak Boleh Meremehkan Artikel
4.Silahkan Berkomentar Jika Bingung
5.Silahkan Berkomentar Jika Ada Yang Gagal
6.Silahkan Berkomentar Jika Ada Yang Rusak
7.Silahkan Berkomentar Jika Ingin Berterimakasih
Jika Tidak Mematuhi Peraturan Akan Dianggap Spam!