Home » » Cara Mudah Menambah Widget Sidebar Blogger Menjadi 2 Kolom

Cara Mudah Menambah Widget Sidebar Blogger Menjadi 2 Kolom

Dalam dunia blogger apa aja bisa dilakukan untuk mempercantik bentuk halaman blog kita,namun kadang temlpate bawaan susah untuk di kotak-katik . Tapi tenang karena semua itu ada jalannya sobat. Kali ini saya ingin berbagi tips menambahkan 2 kolom widget pada sidebar , yang biasanya hanya dapat memuat 1 widget aja, ternyata bisa loh kita kotak-katik agar tampilannya bisa lebih menarik. Oke berikut tips untuk menambah kolom widget :

  • Log in ke blogger : dashboard >> layout >> Edit HTML
  • Cari kode di bawah (bisa gunakan Ctrl+F untuk mempercepat)

 
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>
</div>


  • Kemudian, tambahkan kode di bawah, di antara </b:section> dan </div>.
 
<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'>
<b:widget id='Text514' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
<b:widget id='Text524' locked='false' title='Column 2' type='Text'/>
</b:section>

<div style="clear: both;"></div>
 


  • Kemudian, cari kode :  ]]></b:skin>
  • Tambahkan kode CSS di bawah ini di atas   ]]></b:skin>.

 
#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}
  •  Anda bisa merubah nilai %  nya seperti yang anda mau
  •  Save
  • Kembali lagi ke tataletak dan lihat hasilnya  

Demikian lah artikel mengenai Cara Mudah Menambah Widget Sidebar Blogger Menjadi 2 Kolom
Comments
0 Comments

0 comments:

Post a Comment