- Memodifikasi template untuk mempercantik maupun untuk fungsi lain dengan cara menambahkan isyarat sudah banyak di share di internet, di artikel ini aku hanya melengkapi dari artikel sebelumnya ialah Cara Menambah Footer 2 Column dimana sebelum aku memakai 2 column footer, dan kemudia aku memakai 3 column.
Cara yang dipakai juga sama dengan cara sebelumnya, berikut "Cara Menambah Footer 3 Column di Template Blog".
1.Login ke Blogger.
2.Masuk ke bab Template.
3.Kemudian pilih "Edit HTML".
4.Cari isyarat ]]></b:skin> untuk memudahkan mencarinya gunakan Ctrl+F, letakan isyarat dibawah ini sempurna di atas isyarat ]]></b:skin>.
5.Kemudian cari kode <div id='footer-wrapper'> atau isyarat <div class='footer-outer'> gunakan Ctrl+F untuk memudahkan mencarinya, jikalau tidak ada salah satu isyarat tersebut maka tinggal tambahkan salah satu isyarat tersebut sempurna di atas <footer class='footer'>.
6.Letakan isyarat di bawah ini sempurna di bawah isyarat <div id='footer-wrapper'> atau isyarat <div class='footer-outer'>.
Jika ingin mengubah warna background dari footer, mudahnya tambahkan isyarat yang di tandai dengan warna merah style="backgroud-color: black menjadi
Ganti "black" dengan warna yang di inginkan.
Demikian cara menambahkan footer 2 column di blog.
Cara yang dipakai juga sama dengan cara sebelumnya, berikut "Cara Menambah Footer 3 Column di Template Blog".
1.Login ke Blogger.
2.Masuk ke bab Template.
3.Kemudian pilih "Edit HTML".
4.Cari isyarat ]]></b:skin> untuk memudahkan mencarinya gunakan Ctrl+F, letakan isyarat dibawah ini sempurna di atas isyarat ]]></b:skin>.
#footer-column-divide {clear:both;}
.footer-column {padding: 10px;}
.footer-column {padding: 10px;}
5.Kemudian cari kode <div id='footer-wrapper'> atau isyarat <div class='footer-outer'> gunakan Ctrl+F untuk memudahkan mencarinya, jikalau tidak ada salah satu isyarat tersebut maka tinggal tambahkan salah satu isyarat tersebut sempurna di atas <footer class='footer'>.
6.Letakan isyarat di bawah ini sempurna di bawah isyarat <div id='footer-wrapper'> atau isyarat <div class='footer-outer'>.
<div id='footer-column-divide'><div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'><b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/></div><div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/></div><div id='footer3' style='width: 33%; 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></div>
Jika ingin mengubah warna background dari footer, mudahnya tambahkan isyarat yang di tandai dengan warna merah style="backgroud-color: black menjadi
<div id='footer-column-divide' style='background-color: black;'>
Ganti "black" dengan warna yang di inginkan.
Demikian cara menambahkan footer 2 column di blog.
