-->






Iklan

Cara membuat 2 kolom footer

membuat 2 kolom footer atau cara membuat 2 kolom di footer atau cara memasang 2 kolom footer atau cara menambahkan 2 kolom footer.
sebuah template blog baik yang gratis atau template yang premium belum tentu tataletak kolom untuk widged sesuai dengan kebutuhan dan harapan anda , oleh karena itu kadang kala kita di buat kecewa sudah membeli template tapi susunan kolom untuk widged nya tidak pas dengan kebutuhan yang ada dalam blog kita ,maka dari itu kita harus membuat dan menambahkan kolom-kolom dalam tatak letak blog.
dan kali ini saya akan memberikan panduan untuk memasang 2 kolom footer , jika anda juga ingin menambahkan kolom helder silahkan buka panduanya cara menambahkan 2 kolom dibawah header

sebagai contoh tambahan dua ( 2 ) kolom di footer seperti pada gambar di bawah ini


membuat 2 kolom di footer atau menambahkan kolom footer di atas atau di bawahnya kolom footer yang sudah ada maka tambahan 2 kolom yang kita pasang akan sangat bermanfaat , seperti kita bisa pergunakan untuk memasang widged label , popular post , google+, pengikut dan yang lainya

Cara membuat 2 kolom footer
1.buka blog anda masing lalu login akun masing-masing
2.pergi kedashboard blog dan pilih template , lalu klik EDIT HTML
3.copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>

/* ---2 footer by jasa setting blog--- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background:#transparant;
}
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;
}
#lowerbar-wrapper {
     border:0px solid #DEDEDE;
       background:#fff;
       float: left;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 32%;
       text-align: justify;
       font-size:100%;
       line-height: 1.4em;
       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: 2px 0px 2px 0px;
       text-align: left;
       color:#0000ff;
        text-transform:uppercase;
      font: bold 14px Arial, Tahoma, Verdana;
       border-bottom:1px solid #000000;
}
.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.selanjutnya copy lagi kode yang ada di bawah ini lalu pastekan atau letahkan 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 style='clear: both;'/>

</div> </div>


5.lalu simpan template nya
6.selesai

dan untuk mengetahui hasil pembuatan 2 kolom footer nya , silahkan buka tata letak template anda

sampai disini panduan dari jasa setting blog tentang cara membuat 2 kolom footer atau cara menambahkan 2 kolom footer semoga dengan menambah 2 kolom footer di blog anda akan membuat lebih menarik tampilan blog nya

Komentar

Tampilkan

No comments:

Post a Comment

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

Komputer

+