Cara Mengubah Footer Menjadi 3 Kolom Pada Blogspot

Assalamualaikum Wr. Wb.

Cara Mengubah Footer Menjadi 3 Kolom Pada Blogspot

Jumpa lagi nih sobat blogger...!!

Oke, kli ini saya akn membahas cara mengubah kolom footer menjadi 3 kolom..

Kadang template yang kita gunakan hanya tersedia satu kolom footer saja. Membahas tentang trik & tutorial Blogger dah banyak...namun ada beberapa kode yang tidak cocok dengan template kita..atau kadang terdapat perbedaan kode dalam template.

Tampilan Widgat Sebelum di Ubah:

Dengan menambahkan footer menjadi 3 kolom kita bisa membuat space yang lebih luas pada blog.

Jika sobat tertarik pada trik blogger kali ini dengan Mengubah Kolom Footer Menjadi 3 Kolom Pada Blogspot, sobat bisa mencobanya....!!

Oke,,Langsung saja ikuti langkah-langkah dibawah ini:

Seperti biasa Log in ke Blogger anda. [klik] disini
Jika terdapat Widgat pada Footer sebaiknya sobat pindahkan terlebih dahulu.
Pilih Tata Letak/Edit HTML.
Cari kode ]]></b:skin> (Gunakan saja pencarian cepat => Ctrl + F)
Jika sudah dapat, silahkan sobat letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

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

Jika sudah, sobat cari kode <b:section class='footer' id='footer'>
Jika sudah dapat, silahkan sobat ganti kode <b:section class='footer' id='footer'> dengan kode dibawah ini :

Ket :

Kode berwarna hijau (width: 300;) lebar kolom footer, sobat bisa mengganti angkanya sesuai dengan lebar template blog sobat.

Jika tidak terdapat kode <b:section class='footer' id='footer'> pada template, sobat bisa cari kode  dan letakkan kode diatas dibagian bawah kode 
Kemudian [klik] Simpan Template.
Selesai.

Jika sobat ingin membuat kolom Footer agar terlihat lebih menarik, sobat tidak susah payah lagi untuk mengedit kode-nya, karena sebelumnya saya sudah menyiapkan kode-nya dan sobat bisa menggunakan kode dari saya ini... Sobat bisa mengganti kode diatas tadi:

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

Silahkan sobat ganti dengan kode dibawah ini :

#footer-column-container {
clear:both;
}

.footer-column {
background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqg7EqIv2_GWQtjpNtHUfmpZi-A8Z69zOO35aAeXmXKi6rntX8xNPndFVRatq-_WJfXFI8BaqzHKmTk3t140vnb4HruFqql97HWSBf9jNrKd6bDN-N2b2WpAUimuIg-TLDi94_4-gmYi0/s1600/sidebartop.gif) top no-repeat;
float: left;
width: 290px;
margin: 0 0 10px;
border: 1px solid #DDD;
padding:0px 10px 10px 10px;
border: 1px solid #DDD;
}

.footer-column ul li {
background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSftG-Hf79xerl5qWUrh3DSlWT90zt1TI85qsFkxmE98VQQLiKa4q3i-xikNdGQ4UUHawJ7W_ojRxdBpiKtcOBC618TXzjNox1kZc-UDWqpeUM6lIxk6qWYAGNG10BgRZXvyGGfXpkfPj1/s1600/Stock-Index-Down-icon.png) no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}

.footer-column ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.footer-column h2 {
background: #333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs8_cnS0X1gmICZ0DMd-xZahGnsg3O818ZN-8vjbM04rtrWZts02ioVIJtnzUmLH0AVgsihFctgcuXTlEXV6xipOgveJvXIUEpvdekMfCLcmKNIN2p65n5dZOs5EsQC9BxazaAKGoq68w/s1600/headline.png);
color: #FFF;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-align: center;
text-transform: uppercase;
margin: 0 10 10px;
padding: 3px 0 3px 7px;
}