Assalamu'alaikum Warohmatullohi Wabarokatuh

Selamat Datang Di Situs Kami
Bismilahirrahmanirrahim
Tafsir Mimpi atau Arti mimpi ini Sebagian Besar Di ambil dari Kitab Ta'bir Ru'yah Shoghir karya Ulama Besar Syekh Muhammad Bin Sirrin. Disertai Dengan Contoh dan Kisah nyata dari berbagai Sumber Semoga Bisa Bermanfaat. Serta Artikel artikel Islami, Semoga Menambah Hasanah Ke Islaman Kita... Amin
Home » , » TRICK : Cara Menambah Kolom Pada Sidebar di Blogger

TRICK : Cara Menambah Kolom Pada Sidebar di Blogger

Posted by KUMPULAN ILMU DAN CERITA on Rabu, 27 Juni 2012

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

Thanks for reading & sharing KUMPULAN ILMU DAN CERITA

Previous
« Prev Post

Popular Posts

Labels

Translate

free counters