Blogger Sukabumi - Apa kabar sob? kabar baik pastinya. Malam ini saya akan kembali share dengan sobat tentang cara membuat kolom footer di blog, menambah widget kolom footer cara pemasangannya dengan cara menyisipkan atau menambah beberapa bisa 1,2 atau 3 kolom footer di blog . Pada postingan sebelumnya saya pernah share tentang cara menambah kolom di bawah header.
Sekedar flashback, footer berada pada bagian bawah blog dan fungsinya banyak sekali untuk menyimpan berbagai macam widget seperti; widget info blog, backlink ataupun link banner teman dan lain-lain. Para blogger banyak yang menyimpan widgetnya di bagian footer tidak melulu di sidebar.
Pada kesempatan kali ini akan saya share tentang cara membuat kolom footer, dan sobat bisa mengikuti cara dan langkah di bawah ini :
1. Masuk ke akun blogger sobat.
2. Lalu klik template > edit html
3. Sobat cari Kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian
4. Setelah ketemu sobat copy kode di bawah ini dan paste/letakan di atas kode ]]></b:skin>
2. Lalu klik template > edit html
3. Sobat cari Kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian
4. Setelah ketemu sobat copy kode di bawah ini dan paste/letakan di atas kode ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
clear:both;
}
.footer-column {
padding: 10px;
}
5. Kemudian sobat 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>
<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.
Info yang bagus dan patut dicoba neh.. trims y
ReplyDeleteSalam dari Pulau DOllar
Silahkan dicoba kawan, terima kasih sudah sempat mampir
Deletesama2 sobat nanti saya berkunjung ke tempatnya sobat dan terima kasih kunjungannya..
ReplyDelete