Cara Membuat 3 Kolom Footer di Template Blogspot

Cara Membuat 3 Kolom Footer di Template Blogspot – Dalam membuat 3 kolom footer biasanya dengan cara kita mencari kode seperti kode berikut di HTML Template Blogspot kita:

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

Kemudian kode <b:section class='footer' id='footer'/> yang nantinya akan diganti dengan kode yang lain.

Tetapi di sebagian template kita tidak akan menemukan kode seperti itu. Template bawaan blogspot misalnya, sulit menemukan kode yang mirip. Mungkin kita harus mencari solusi sendiri, coba cari saja kode seperti kode dibawah ini:

-Login ke akun Blogger anda
-Rancangan
-Edit HTML dan centang Expand Template Widget

<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</footer>

Dan letakkan kode berikut tepat di bawah kode </footer>:

<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 style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Selesai, simpan Template dan coba anda lihat hasilnya, sekarang di template anda sudah punya 3 kolom footer.