Para sobat blogger kali ini MWcrew akan memberikan sedikit tips n trik mengenai menambahkan 4 kolom di bagian bawah blog atau yang biasanya disebut footer, tutorial ini saya mendapatkan dari kang sunu dan kemudian saya terapkan di blog saya yang lainya yang bernama Ailaspark. oke langsung saja di praktekkan di blog sobat.....

Preview :

1. Login ke Blogger sobat masing-masing
2. Kemudian rancangan
3. Klik edit Html
4. Centang "expand widget template"
5. Tekan tombol Ctrl + f untuk mencari kode ]]></b:skin>
6. jika sudah ditemukan tambahkan kode berikut di atas

7. Cari kode yang mirip dengan kode di bawah ini

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

8. Jika sudah anda tinggal menambahkan kode di bawah ini di atasnya

<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>

9. yang terakhir tinggal disimpan...



Happy Blogging




"MWcrew"