Minggu, 12 Agustus 2012

Cara Membagi Gadget Menjadi 2 Kolom

4.5 . Minggu, 12 Agustus 2012

Cara Membagi Gadget Menjadi 2 Kolom - Selamat malam sobat, dah lama ni tidak posting lagi.. :-) ok langsung aja kita ke tkp. Cara membagi gadget menjadi dua kolom | Ada kalanya ketika kita sudah merasa pas dengan template yang kita pilih, ternyata kita masih saja merasa ada yang masih kurang dengan tampilan blog kita.Tapi memang betul...., setiap template memiliki kelebihan dan kekurangannya masing - masing. Mungkin dari segi konten sudah bagus tapi tampilan warna kurang pas, dari segi tampilan dan konten sudah serasi tapi karena sudah padat, mungkin kita masih butuh ruang lagi. Lalu bagai mana....?

OK..., seperti yang dirasakan oleh salah satu sobat blogger dan atas permintaannya mungkin trik membagi gadget sidebar menjadi dua kolom akan membantu mengurangi masalah diatas. Untuk itu kali ini akan saya jelaskan lagi cara membagi gadget sidebar menjadi dua kolom, seperti pada gambar berikut :



Tapi yang jelas trik yang saya berikan ini digunakan untuk membagi gadget menjadi dua kolom. Baik gadget yang ada pada bagian Sidebar (bagian samping), header (atas), maupun footer (bawah).

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Cari kode  
]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat sebelum kode ]]></b:skin> :

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


6. Cari kode pada bagian sidebar, misalnya seperti kode berikut :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label99' locked='false' title='Labels' type='Label'/> </b:section>
</div>


Catatan:
Pada bagian sidebar, setiap template belum tentu memiliki "id" yang sama. Dan pada langkah ini, saya berikan contoh dengan id='
sidebar-wrapper'.

Tapi yang jelas... seperti yang saya katakan diatas, trik yang saya berikan ini digunakan untuk membagi gadget menjadi dua kolom. Baik gadget yang ada pada bagian Sidebar (bagian samping), header (atas), maupun footer (bawah).

Dan yang perlu diperhatikan adalah bentuk kode dari konten yang berisi gadget, yaitu seperti berikut :


<div id=' .......... '>
<b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='HTML' locked='false' title='' type='HTML'/> </b:section>
</div>


7. Sisipkan kode dibawah ini diantara </b:section> dan </div>
<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'>
<b:widget id='Text500' locked='false' title='kolom-kiri' type='Text'/>
</b:section>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
<b:widget id='Text501' locked='false' title='kolom-kanan' type='Text'/>
</b:section>
<div style="clear: both;"></div>



Sehingga tampak seperti berikut :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='Label99' locked='false' title='Labels' type='Label'/> </b:section>
<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'>
<b:widget id='Text500' locked='false' title='kolom-kiri' type='Text'/>
</b:section>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
<b:widget id='Text501' locked='false' title='kolom-kanan' type='Text'/>
</b:section>
<div style="clear: both;"></div>

</div>

8. SIMPAN TEMPLATE
Selesai...., silahkan anda lihat hasilnya....
Selamat mencoba dan Semoga bermanfaat...
Share this Article now on :
ARTIKEL YANG BERHUBUNGAN :


0 komentar:

:X ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

Please do not SPAM or commented by stating the link !

Anda MALING seperti saya, jadilah maling bijak!

Saya anggap Anda pengunjung yang baik dan bernyali untuk tidak menggunakan komentar dengan fasilitas ANONYMOUS.

Pergunakan komentar ini dengan bijak !

Mungkin memerlukan beberapa jam untuk me-Moderasi komentar anda guna masuk seleksi juri kami, apakah layak juri terbitkan atau tidak ! Makasih untuk tidak membuang sampah disini !

Recent Posts

Artikel di blog ini kebanyakan berasal dari berbagai sumber media, maka tentunya Hak Cipta sepenuhnya dipegang oleh sumber-sumber tersebut. Jika kami salah dalam menentukan sumber yang pertama, mohon beritahu kami.
Maka dari itu hal-hal mengenai pemindahan kekuasaan artikel sebagaian atau sepenuhnya diperbolehkan dengan syarat mengacu pada aturan Google yang berlaku.
Terima Kasih atas pengertiannya !
Google PageRank Checker Powered by  MyPagerank.Net
DMCA.com