Cara Membuat Widget Footer Di Blog-mungkin dari anda ada yang tau footer dan juga ada yang tidak mengetahuinya jika anda bingung ini adalah contoh gambarnya:
Footer terletak di bawah, di bawah postingan tentunya gunanya adalah untuk meletakan widget histats maupun widget alexa dan bisa juga di gunakan untuk meletakan widget yang lain, oke langsung aja caranya
- Login ke blog sobat
- Pilih Template
- Klik Edit HTML
- Silahkan copy code di bawah ini , kemudian langsung diletakkan di atas ]]></b:skin>
#footer-coloumn-baru {clear:both;}
.footer-column {padding:10px};
- Kemudian sobat blogger cari code seperti di bawah ini ( gunakan Ctrl+F atau F3 untuk mempermudah mencari )
Memang setiap template tidaklah sama, tapi sobat bisa berpatokan dari kata outer ataupun footer tersebut
- Setelah ketemu sobat letakkan script di bawah ini tepat di bawah <!-- end outer-wrapper --> tersebut.(menambahkan 3 column baru)
<div id='footer-column-baru'>
<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 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>
- Klik Simpan Template
Jika anda tidak menemukan code <!-- end outer-wrapper --> carilah code yang mirip kata kuncinya adalah end
Oke cukup sekian, Semoga Bermanfaat...
0 komentar: