Menambah Kolom Footer

Aduh.. gimana ya pasang widget-widget keren tapi tidak membuat halaman page jadi berat, sedangkan kebanyakan template-template menggunakan 2 kolom.
Saya baru dapat cara untuk menambahkan kolom di bagian footer, jadi tidak memberatkan blog tentunya...
Oke langsung aja kita coba...
1. Login ke Blogger dulu dengan ID anda tentunya
2. Pilih layout dan pilih edit html
3. Cari kode ]]></b:skin>
4. Pasang kode ini diatas kode tadi
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
5. Setelah itu cari lagi kode ini
<div id='footer-wrapper'>
6. Masukan kode ini diatas kode tadi
<div id='footer-column-container'>
<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><!--kolom pertama-->
<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><!--kolom kedua-->
<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><!--kolom ketiga-->
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p><!--garis horisontal-->
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
7. Simpan perubahan, kalo berhasil coba pilih page element dan hasilnya seperti ini
8. Selesai

11 komentar:

  1. wah, nice info gan..
    lanjutkan
    :)

    BalasHapus
  2. pertamaxxx... horee.. komen dulu br baca nih :D

    BalasHapus
  3. keren infonya sob, btw td gak dpt pertamax, hue..hue.. kl premium ada gak sob :D:D:D

    BalasHapus
  4. Boleh juga ni sob dicoba...
    keren banget tu....

    BalasHapus
  5. nice info my friend..xpress u self keep blogging

    BalasHapus
  6. wah ini nggak berlaku buat say atipsnya mas, soalnya saya memakai WP :)

    BalasHapus
  7. nice article..xpress u self keep blogging..sukses untukmu.

    BalasHapus
  8. TIPs ini layak dicoba...., tapi masih takut neh ngedit HTML..., pake blog bayangan tuk nyoba dulu kali ya..??

    BalasHapus


Thanks for visit, I hope you enjoy!
Do you have any suggestions? Add your comment. Please don't spam!