Cara Menambahkan 3 kolom pada Footer

Langsung aja gak pake basa basi saya akan menerangkan cara membuat 3 kolom pada footer.
Pertama-tama yang harus yg sobat lakukan adalah langsung menuju edit html.
Jangan lupa mendownload lengkap template dahulu jaga-jaga kalau ada masalah yang tidak diinginkan.
Lalu centang expand template widget agar semua perubahan tidak ada yang tertinggal
mencari code
<div id='footer-wrapper'>       <b:section class='footer' id='footer'/>     </div>
Gunakak Ctrl + F agar lebih mudah
Jika tak ada, carilah yang mirip dengan kode itu, karena tiap template tidak sama.
Setelah itu copy code berikut tepat dibawah </div>

 <div id='footer'>
<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;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Nanti hasilnya seperti ini:
<div id='footer-wrapper'>
bla...bla..bla..
</div>
<div id='footer'>
<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;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
Apabila sudah langsung aja di save dan liat di pengaturan elemen halaman
Selamat mencoba sob....

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS