Saat kita mencari template untuk blog, biasanya sedikit kesusahan untuk mendapat template yang sesuai dengan keinginan kita dikarenakan beberapa ketidak cocokan pada template. oleh karena itu, diperlukan sedikit usaha untuk mengedit template supaya template menjadi yang diharapkan.
Pada tutorial kali ini saya akan membahas bagaimana
Cara menambah 3 kolom footer pada blogger dan berikut langkah-langkahnya.
1. Masuk ke akun blogger dan masuk ke Tema > Edit HTML
(pastikan untuk backup atau download template anda terlebih dahulu)
2. Cari kode ini dengan menggunakan Ctrl + F <b:section class=’footer’ id=’footer’/>
3. Ganti/replace kode ini <b:section class=’footer’ id=’footer’/> dengan kode dibawah ini :
<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;’/>
<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>
4. Selanjutnya cari kode ini ]]></b:skin>
5. Simpan kode berikut di bawah kode ]]></b:skin>
#footer-column-container {clear:both;}
#footer-column-container h2{font-size:18px;text-align:left;color:#ddd;Times New Roman",Times,serif;
font:normal bold 18px Arial,Georgia,"text-transform:none}
.footer-column {padding: 10px;}
6. Simpan template. Silahkan lihat di tataletak dan tambahkan widget sesuai keinginan anda.
Demikian cara menambahkan footer pada blog, semoga bermanfaat.
