TRICK : Cara Menambah Kolom Pada Sidebar di Blogger

Klik Blogger - Cara Menambah Kolom Pada Side Bar di Blogger



Blogger Trick Cara Menambah Kolom Pada Side Bar di Blogger , Terkadang bagi Blogger pemula bingung ketika bagaimana caranya menambah satu atau dua kolom saja di Side Bar padahal kolom tersebut sangat bermanfaat atau tambah cantik jika ada penambahan kolom tersebut, nah Langsung saja kunci dari ini semua tanpa bahasan panjang panjang, jika berhasil kembangkan sendiri saja. 



ok cara dasarnya seperti ini :


  • 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 di atas ]]></b:skin>.

#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}

  • Note : Sobat bisa ubah nilai dari lebar/width, sesuai keinginan Anda.
  • Simpan Template sobat. Hasilnya akan tampak seperti di bawah ini

Happy Blogger, Semoga manfaat ...

Comments
0 Comments

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Contact Form Sebelah Kanan

Labels

 
KLIK BLOGGER © 2011 | Template by Blogger Templates Gallery collaboration with Life2Work