Cara Menambah Kolom di Footer Blog - Cara memberi
kolom tambahan di footer atau Cara
menyisipkan kolom di footer blog atau cara menambah 3 kolom di
footer blog.
Pada
postingan sebelumnya saya telah berbagi ilmu mengenai cara menambah kolom di bawah header blog, pada kali ini saya akn
berbagi ilmu blog yaitu cara menambah kolom di footer blog.
Sebelumnya
sudah tahukah apa yang dimaksud Footer ? footer adalah bagian dari template yang berada
di bagian paling bawah. Footer biasanya berisi : copyright, design by, dan lain-lain. Dengan Cara
Menambahkan 3 Kolom Di Footer maka akan mempunyai banyak
pilihan untuk meletakkan widget jadi tidak harus selalu di sidebar . Berikut
ini adlaah cara menambahkan 3 kolom difooter blog :
1.
Pertama anda harus Login kea kun Blogger anda dulu.
2. Kemudian anda Klik
Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template
Widget).
3. Setelah itu anda Cari Kode ]]></b:skin>
4. Selanjutnya jika sudah ketemu kode ]]></b:skin>
, anda Copy kode
di bawab ini dan pastekan di atas kode ]]></b:skin>
#footer-column-container
{
clear:both;
}
.footer-column {
padding: 10px;
}
clear:both;
}
.footer-column {
padding: 10px;
}
5. Selanjutnya anda Cari kode <b:section class='footer' id='footer'> kemudian anda 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>
<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. Langkah terakhir Simpan Template anda.
7. Untuk melihat hasilnya Pilih Tata Letak dan lihat hasilnya.
Demikian yang dapat saya sampaikan pada
postingan kali ini mengenai Cara Menambah
Kolom di Footer Blog. Semoga apa yang telah saya sampaikan di atas dapat
bermanfaat buat anda.
Komentar
Posting Komentar