-->






Iklan

Cara membuat 3 kolom footer

Cara membuat 3 kolom footer atau cara memasang 3 kolom footer atau cara menambah 3 kolom footer
Artikel dari blog jasa setting blog yang lain yang sudah saya buat tentang menambahkan kolom widged di blog diantaranya Cara membuat 2 kolom footer , Cara membuat 2 kolom header dan kali ini saya akan memberikan panduan Cara membuat 3 kolom footer

membuat 3 kolom footer atau menambahkan 3 kolom footer dalam tata letak template blog maka akan bisa menambah ruang untuk widged-widged yang ingin di pasang dalam blog , misalnya widged popular post , random post , label , arsip blog , pengikut blog , iklan dalam blog dan juga bisa untuk memasang aksesories
di dalam kolom bagian footer.
kadang kala memang kita menggunakan template gratisan hasil dari mendownload bahkan mungkin menggunakan template dari hasil beli template yang premium dan ternyata setelah di pergunakan template tersebut bagian susunan tata letak kolom widgednya tidak sesuai yang kita harapkan, dan disini saya akan memberikan pilihan solusi sebelum ganti template yaitu dengan cara menambah 3 kolom di footer

contohnya tambahan 3 kolom footer seperti yang ada di gambar di bawah ini

cara membuat 3 kolom di footer

Cara membuat 3 kolom footer atau Cara menambah kolom di bagian footer

1.buka blog anda lalu login
2.pergi ke dashboard blog dan pilih template lalu klik EDIT HTML
3.dan kopi kode yang ada di bawah ini lalu pastekan dalam html template di atas kode ]]></b:skin> 

/* --  3 klm footer jasa setting blog -- */
#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;
}


4.lalu kopi lagi kode yang di bawah ini dan pastekan di bawah kode <footer id='footer-wrapper'> 

<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>


5.selanjutnya simpan template nya
6.selesai

dan untuk melihat hasil pembuatan 3 kolom di bagian footer nya , bisa di lihat di tata letak template blog

sampai disini panduan saya tentang Cara membuat 3 kolom footer atau cara menambahkan 3 kolom di bagian footer , jika ada kesulitan silahkan untuk bertanya saja , Terimaksih

Komentar

Tampilkan

1 comment:

Terimakasih sudah mengunjungi jasa setting Website / Jasa Pembuatan Website www.jasa-website.web.id semoga bermanfaat , kontak 081399167240

Komputer

+