lihat juga

Saturday, December 12, 2009

Menambah 3 kolom dibagian bawah blog (Footer)

tutorial blog amin footerSekarang ini terdapat berbagai macam template yang bisa kita gunakan. Tapi tidak semua dari template tersebut mempunyai 3 kolom pada bagian footer-nya, contohnya pada template blog saya ini. Sebenarnya berguna juga jika kita mempunyai tambahan 3 kolom di footer. Kita bisa menambahkan widget yang mungkin tidak dapat kita tampilkan di sidebar.

Buat anda yang ingin menambah 3 kolom pada bagian bawah blog anda tanpa harus repot lagi mengganti template, berikut caranya...

1. Masuk Layout, Edit HTML, beri centang (jangan lupa Download full template dulu buat jaga-jaga).

2. Silahkan cari kode berikut <div id="footer-wrapper">
pada beberapa template kodenya bisa: footer atau footer-section.
3. Geser kebawah sampai ketemu kode </div>
4. Masukkan kode berikut tepat dibawahnya:

<div id="footer"> <div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;"> <b:section class="footer-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;"> <b:section class="footer-column" id="col2" preferred="yes" style="float: left;"> </b:section></div> <div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;"> <b:section class="footer-column" id="col3" preferred="yes" style="float: right;"> </b:section></div> <div style="clear: both;"> <p> </p><hr align="center" color="#5d5d54" width="90%"><p></p> <div id="footer-bottom" style="padding: 10px; text-align: center;"> <b:section class="footer" id="col-bottom" preferred="yes"> </b:section> </div> <div style="clear: both;"> </div>

5. Save Template dan klik Layout. Akan muncul tambahan 3 kolom pada footer.

ads

Ditulis Oleh : gdfysx Hari: 8:16 PM Kategori:

0 comments:

Post a Comment

surf