Footer 3 Kolom

Hai jumpa lagi. Saya mau berbagi tutorial ni. Kali ini saya akan mencoba untuk membuat footer blogger anda menjadi 3. 
Mari langsung saja.

1. Log In ke Blogger
2. Masuk ke tataletak
3. Masuk ke "edit HTML" dan centang kotak kecil disamping "Expand Template Widget"
4. Trus copy semua kode tersebut dan paste pada notepad (hanya untuk jaga-jaga)
5. cari kode ini

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

6. Ganti kode yang berwarna biru tersebut 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 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>

Oke nikmati footer 3 kolom Anda.



by : iman kyen