Cara Menciptakan Footer 3 Kolom Di Blog

Sebelumnya saya menciptakan artikel perihal Cara Membuat Footer 2 Kolom Di Blog. Kali ini saya akan coba Cara Membuat Footer 3 Kolom di Blog.

Sebelumnya saya menciptakan artikel perihal Cara Membuat Footer 3 Kolom Di Blog

Setiap template mungkin berbeda beda fungsi tapi segala hal dapat dimodifikasi sedemikian rupa. Lihat screen shoot 3 kolom footer di bawah ini:

Tertarik untuk membuatnya? Bagaimana cara membuatnya?

Baca Juga

Yang Iklan Adsense Nya Hilang Gara-Gara Blog Redirect Ke Blogspot.Co.Id
Cara Menghapus Link Credit Template Di Footer Blogger Yang Susah Dihapus
Cara Menciptakan Gambar Box Postingan Semoga Terlihat Ibarat Ukuran Sebetulnya Tanpa Efek Cropping

Cara Membuat Footer 3 Kolom Di Blog:

Login ke akun Blogger
Pilih Template >> Edit HTML
Copy-paste script berikut di atas isyarat ]]></b:skin>

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

Cari isyarat yang seolah-olah dengan isyarat berikut ini:

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

Copy-paste script berikut di bawah isyarat <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

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