Or, in its own meta tag Or, as one of your keywords Your content is here. The verification ID will NOT be detected if you put it here. In-Trix: Cara Menambahkan Kolom Footer Di Blog

Thursday, September 5, 2013

Cara Menambahkan Kolom Footer Di Blog



Kali ini saya akan share bagaimana cara menambah kolom di footer blog.






Sebenernya apa itu Footer ??? footer adalah bagian template yang paling bawah dinamakan footer biasanya berisi : copyright, design by, dll.Dengan Cara Menambahkan 3 Kolom Di Footer kita mempunyai banyak pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar .










berikut caranya cara menambahkan 3 kolom di footer blog - Cara memasang kolom di footer blog :
1. Login Blogger dulu.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari Kode ]]></b:skin>
4. Copy kode di bawab ini di atas kode ]]></b:skin>





#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}





5. Cari kode <b:section class='footer' id='footer'> lalu ganti dengan kode dibawah 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>





6. Simpan Template.
7. Pilih Tata Letak dan lihat hasilnya.

No comments:

Post a Comment