Merubah Tampilan Footer Menjadi 3 Kolom

Hai Sob... sebelum aku pamit, terlebih dulu aku pengin memposting sesuatu yg mungkin aja bisa kalian manfaatin buat mempercantik tampilan blog masing-masing.
Dan kali ini, aku mau menuturkan tentang cara merubah footer yg tadinya cuma 1 kolom, menjadi 3 atau 4 kolom.

Perlu kalian tau, postingan ini terinspirasi ketika aku jalan-jalan ke rumah Sahabat kita Buwel yg kalo aku amati, tampilan footernya kurang sedap di pandang mata. Kesannya seperti kurang tertata gitu. Nah maka dari itu, berikut aku tuturkan cara mudah merubah tampilan footer menjadi multi kolom, sehingga semua widget yg ada di dalamnya akan nampak tertata rapi.
Baik. Kalo gitu langsung aja. Pertama-tama, login dulu ke account blogger kamu. Lalu dari dasboard, masuk ke halaman layout/tata letak, lepas dulu semua widget yg ada di footer, simpan di notepad, atau titipkan sementara di sidebar dengan cara, ceklik widget yg dimaksud-tahan-geser dan lepas di sidebar. Simpan perubahan.
Kalo udah, sekarang masuk ke halaman edit HTML, centang dulu Expand Widget Template dan jangan lupa back up semua template, bisa dengan mendownload Full Template, atau mengcopynya ke dalam notepad.
Setelah itu, kalian copy CSS Style dibawah ini dan letakkan di ATAS kode </b:skin>

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

Sudah?? Sekarang kamu cari script dibawah ini, letaknya jauh dibagian paling bawah barisan kode HTML kamu.

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

Kalau udah ketemu, hapus aja kode script yg berwarna merah diatas, sisakan yg <div id='footer-wrapper'> dan script penutupnya </div>, kemudian sisipkan script HTML dibawah ini, sehingga hasil akhir setelah semua digabungin akan nampak seperti ini,

<div id='footer-wrapper'><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: normal 100%;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text3' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
</div>

Oke sekarang simpan template dan liat hasilnya dengan menceklik page element. Kalo pekerjaan kamu tadi gak ada kesalahan, maka sekarang pada bagian footer akan nampak 4 element baru yg siap kamu pasangin widget yg kamu inginkan. Ambil kembali, widget yg dititipkan di sidebar tadi, dan letakkan lagi di dalam footer. Atur sedemikian rupa sesuai keinginan kamu. Kalo sudah, simpan perubahan dan liat hasilnya.

Nah... udah rapi kan footer kamu sekarang??
Ya sudah kalo gitu, sekarang tiba saatnya aku mohon pamit, undur diri sejenak, menyelesaikan sebuah ritual, yg sebenernya bukan aku yg mau. Tapi demi rasa sayangku buat kalian semua, buat Romo, buat Ibu, buat Diajeng, buat calon Anjeli Kecilku, buat kalian semua sahabat mayaku, Ella, Fanny, Wina, Ninit, Buwel dan semua sahabat yg gak mungkin aku sebutin satu persatu, aku harus tetap optimis bahwa aku pasti akan sembuh dan sehat kembali seperti sedia kala.
Ayo Rio, semangat..!!
Ingat..!! "Untuk menjadi optimis memang bukan jalan yang mudah, mengingat kondisi tiap orang berbeda. Tapi yang penting optimisme harus tetap ada, walaupun jurang itu di depan kita, tinggal kita mau atau tidak untuk menyeberanginya."