Footer Multi Kolom - 2 dan 3 Kolom

Pernah suatu ketika ingin buat agar footer bisa dibagi jadi 3 kolom, setelah cari kesana kemari via mbah Google……yang pasti mesti ada kan. Nah lalu ikuti aja langkah yang ada antara lain : masuk ke edit template jangan centang Expand Template Widget, cari kode  ]]></b:skin> dan copykan kode ini diatas nya /* bottom dst dst, lalu cari lagi kode pada bagian </body> - <div id='footer-wrapper'>  dst dst, selanjutnya copy kode <div id='bottom'> dst dst tepat diatas kode tadi.

Nah pas pada pencarian kode <div id='bottom'> ini, ternyata di template aku tidak ada….ya memang tidak ada lah

Setelah pusing pikir sana sini, aku coba aja seperti cara membagi kolom pada sidebar dengan bantuan tabel menjadi multi kolom, jadi tidak ada hubungannya dengan edit template.

Jadinya script seperti ini kalau ingin membagi footer menjadi dua kolom :

<table width="100%" border="1">
<tr>
<td align="center" width="50%"><b>Judul 1</b></td>
<td align="center" width="50%"><b>Judul 2</b></td>
<tr>
<td align="left" valign="top">Isi 1</td>
<td align="left" valign="top">Isi 2</td>
<tr><div align="right"><small>Widget<a href="http://download-freeall.blogspot.com/2010/03/footer-multi-kolom-2-dan-3-kolom.html ">Download Software</a> by <a href="http:// download-freeall.blogspot.com">Download Software</a></small></div></tr></tr></tr></table>

Script kalau ingin membagi footer menjadi tiga kolom :

<table width="100%" border="1"><br /><tr><br /><td align="center" width="30%"><b>Judul 1</b></td><br /><td align="center" width="40%"><b>Judul 2</b></td><br /><td align="center" width="30%"><b>Judul 3</b></td><br /><tr><br /><td align="left" valign="top">Isi 1</td><br /><td align="left" valign="top">Isi 2</td><br /><td align="left" valign="top">Isi 3</td><br /><tr><div align="right"><small> Widget<a href="http://download-freeall.blogspot.com/2010/03/footer-multi-kolom-2-dan-3-kolom.html ">Download Software</a> by <a href="http:// download-freeall.blogspot.com">Download Software</a></small></div></tr><br /></tr></tr></table>

Hasil nya :
Keterangan :
  1. Judul 1, Judul 2 dan Judul 3 : dapat diganti dengan judul widget yang akan dimasukan. Misalnya : TOP KOMENTATOR, BLOGROLL dsb.
  2. Isi 1, Isi 2 dan Isi 3 : juga dapat diganti dengan script widget yang akan dimasukan. Misalnya script : TOP KOMENTATOR, BLOGROLL dsb.
  3. Garis tepi border dapat dihilangkan dengan mengganti kode border="1" menjadi border="0"
    Perhatikan angka persentase nya, jumlah persentase harus 100%
  4. Dapat digunakan untuk menambah kolom baik di footer maupun pada sidebar berapa saja sesuai dengan keinginan.

Selamat mencoba dan semoga bermanfaat

0 comments:

Post a Comment