Footer

Sekarang saya akan membagikan bagaimana cara membuat footer seperti di blog saya ini. Sebenarnya footer dapat dibagi menjadi beberapa kolom terserah keinginan kita. Di sini saya menggunakan kode footer 2 kolom untuk memberi tampilan "Add Widget" di elemen halaman. Isi dan tampilan dari footer dapat diubah sesuai dengan keinginan. Berikut adalah langkah-langkahnya.

#footer-column-divide {<br /> clear:both;<br /> }<br /> .footer-column {<br /> padding: 10px;<br /> }<br />

Copy paste kode disamping pada kode CSS di samping sebelum ]]></b:skin> di kode template.

2.Jika sudah, cari kode seperti di bawah ini:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

<div id='footer-column-divide'><br /> <br /> <div id='footer1' style='width: 50%; float:left;<br /> margin:0; text-align:left;'><br /> <b:section class='footer-column' id='col1'<br /> preferred='yes' style='float:left;'/><br /> </div><br /> <br /> <div id='footer2' style='width: 50%; float: left;<br /> margin:0; text-align: left;'><br /> <b:section class='footer-column' id='col2'<br /> preferred='yes' style='float:left;'/><br /> </div><br /> <div style='clear:both;'/><br /> </div><br />

Ganti kode <b:section class='footer' id='footer'/> dengan kode disamping.

<div style='clear:both;'/><br /> <p><hr align='center' color='#333333' width='95%'/></p><br /> <br /> <div id='footer-bottom' style='text-align: center; padding:10px;'><br /> <b:section class='footer' id='col-bottom' preferred='yes'><br /> </b:section><br /> </div><br />

Sebagai tambahan jika ingin mempertahankan footer aslinya, maka tambahkan kode dibawah ini diatas kode <div style='clear:both;'/>.