cara membuat 3 kolom footer -->

cara membuat 3 kolom footer

,
Panduan blogger , jasa Pendaftaran Google Adsense ,Jasa pembuatan website ,Ganti domain dan Agen pulsa dan ppob
Cara membuat atau menambahkan 3 kolom di bagian footer , jika dalam template anda kekurangan kolom untuk menambahkan ruang iklan atau widged yang lainya , maka kita perlu untuk menambah kolom sehingga ruang iklan atau ruang yang lainya tercukupi dalam website anda
pada kesempatan ini Multi Blog akan memberikan panduan untuk menambahkan tiga kolom di bagian footer
dan untuk melihat hasilnya lihat contoh gambarnya di bawah ini

cara membuat 3 kolom footer

dan bagi sobat blogger yang mau menambahkan 3 kolom di bagian footer bisa melihat panduanya selengkapnya di bawah ini :

1.buka blog anda lalu login untuk menuju dashboard blog
2.pilih template dan klik edit HTML
3.lalu cari kode ]]></b:skin>
4.selanjutnya kopi kode di bawah ini dan pastekan di atas kode ]]></b:skin> 

 /* -----   Lower selection   ----- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background:#ffffff;
}
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;
}
#lowerbar-wrapper {
     border:1px solid #DEDEDE;
       background:#fff;
       float: left;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 32%;
       text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word;
       overflow: hidden;
}
       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
      margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: left;
       color:#0084ce;
        text-transform:uppercase;
      font: bold 14px Arial, Tahoma, Verdana;
       border-bottom:3px solid #0084ce;
}
.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}
.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #ccc;
}


5.seterusnya kopi lagi kode di bawah ini dan pastekan sebelum kode </body>

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>

6.selanjutnya klik simpan
7.selesai

keterangan :
  • jika dalam memasukan kode tidak berhasil / kolom nya tidak keluar / tidaka muncul . selanjutnya pindahkan kode yang ke 2 ( di sekitar atasnya kode </body>
sampai disini panduan blogger dari Multi Blog tentang cara membuat atau menambahkan 3 kolom di bagian footer semoga bermanfaat, Terimakasih..



TerPopuler