Sebenarnya artikel ini sudah banyak yang posting, tapi terkesan tanggung dan tidak sampai tuntas..terus terang gw sendiri ngerasa bahwa ilmu itu memang perlu diberikan agar bisa digunakan dengan baik. Nah beranjak dari pemikiran itu jugalah gw berinisiatif untuk membaginya dengan kamu semua.
" Footer 3 kolom " pada dasarnya sudah banyak ditemui dibeberapa tutorial blog lain, bahkan kalau kamu mencari di Google semua situs akan memberikan tawaran dan pillihan yang begitu menggiurkan dan cukup membingungkan.

--Kita juga tahu bahwa "Footer" merupakan bagian "page elemen", biasanya kebanyakan para blogger mania menggunakan footer sebagai salah satu "place" untuk menampilkan "Widget". Beberapa pilihan yang menjadi alternatif untuk mempercantik blog kita bukan.
-- Ok kita Mulai aja, Hala pertama yang harus kamu perhatiin adalah :

• Paham tentang "CSS Code" karna kita akan meletakkan tampilan kode dan sedikit memodifikasinya...
• selanjutnya adalah kamu tinggal membuka "Layouts" diblog kamu kemudian cari "Edit HTML"...
• setelah semua selesai dilakukan, langkah selanjutnya adalah Copy code berikut :

/ * bottom ------------------------- * / #bottom { width: 960px; position: relative; clear:both; margin: 0 auto; color:#ffcc00; float: center; background:; padding: 15px 0 15px 0; } #bottom h2 { padding: 5px 0 2px 0; margin: 0 0 10px 0; color:#339900; font-size: 18px; letter-spacing: 1px; border-bottom: 2px double #fff; } #bottom ul { padding: 0; margin: 0; } #bottom ul li { line-height: 26px; list-style-type: none; border-bottom: 1px dashed #808080; } #bottom ul li a { display: block; padding: 0 10px; color:#e5e5e5; text-decoration: none; } #bottom ul li a:hover { background: #ffffcc; } #left-bottom { /* yang ini nih kode kolom kiri */ width: 300px; float: left; padding-left:10px; } #center-bottom { /* kalo yg ini kode kolom tengah */ width: 310px; float: left; padding-center:10px; } #right-bottom { /* kalo yg ini kode kolom kanan */ width: 310px; float: left; padding: 0 5px 0 10px; } #left-bottom .widget{width:280px;} #center-bottom .widget{width:300px;} #right-bottom .widget{width:300px;}