Cara Membagi Sidebar Menjadi 2 Kolom Gadget

Cara Membagi Sidebar Menjadi 2 Kolom Gadget - Salam Pecinta Music Indonesia MP3 BagiShared - Kumpulan Musik dan Lagu MP3 Terbaru, Dikesempatan postingan artikel yang akan Anda baca kali ini dengan judul postingan Cara Membagi Sidebar Menjadi 2 Kolom Gadget, mp3bagishared.blogspot.com telah menyajikan kumpulan musik mp3 terbaik kapada Anda, agar untuk Anda nikmati dan dengarkan music mp3 didalamnya. Kami berharap isi postingan Postingan mengenai Blogger Widget, yang kami sajikan untuk Anda ini dapat Anda nikmati. baiklah, selamat menikmati.

Judul : Cara Membagi Sidebar Menjadi 2 Kolom Gadget
link : Cara Membagi Sidebar Menjadi 2 Kolom Gadget

Cara Membagi Sidebar Menjadi Dua Kolom Gadget - Pada tutorial kali ini, saya akan membahas tentang cara membagi sidebar menjadi dua kolom gatget. Tujuannya adalah agar disidebar blog tidak terlalu panjang kebawah, dan lebih menghemat tempat.

Widget sidebar seperti ini biasa digunakan untuk Kategori Label, Blogroll, Blog Info dsb. Cara untuk membagi dua kolom sidebar diatas sangat mudah, tinggal mengikuti langkah-langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Template >> Edit HTML.
3. Cari kode ]]></b:skin> , lalu letakkan kode dibawah ini tepat sebelum kode ]]></b:skin>

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

4. Cari kode pada bagian sidebar yang ingin dibagi menjadi dua, 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'. atau cari saja judul widget yang ingin dibawahnya dibagi menjadi dua kolom (Misalnya : LABEL atau POPULAR POST)

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>

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

6. Sehingga akan tampak seperti ini :

7. SIMPAN template anda, dan lihat hasilnya.

Selesai,Sidebar kamu sudah terbagi menjadi dua kamu tinggal mengganti atau menambahkan gadgetnya saja.
Selamat mencoba, semoga sukses...

Judul postingan mp3 Cara Membagi Sidebar Menjadi 2 Kolom Gadget

Mungkin artikel Cara Membagi Sidebar Menjadi 2 Kolom Gadget kali ini, banyak kurangnya, baik segi kata-kata yang kami sajikan. Oleh karena itu kami mohon maaf atas postingan mp3 yang kami sajikan, jika berkenan silahkan share artikel Cara Membagi Sidebar Menjadi 2 Kolom Gadget ini.

Jangan lupa bookmark dengan cara menekan Ctrl+D pada artikel Cara Membagi Sidebar Menjadi 2 Kolom Gadget dengan alamat link https://mp3bagishared.blogspot.com/2013/02/cara-membagi-sidebar-menjadi-2-kolom.html siapa tahu nanti Anda membutuhkan lagi, sehingga tidak lupa mengunjungi kembali.

Demikianlah Artikel Cara Membagi Sidebar Menjadi 2 Kolom Gadget

Sekianlah artikel Cara Membagi Sidebar Menjadi 2 Kolom Gadget kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membagi Sidebar Menjadi 2 Kolom Gadget dengan alamat link https://mp3bagishared.blogspot.com/2013/02/cara-membagi-sidebar-menjadi-2-kolom.html

Hak Cipta: Semua konten berhak cipta yang terdapat di dalam blog ini sepenuhnya milik individu atau perusahaan terkait, jika Anda merasa dirugikan silahkan hubungi kontak kami.

Komentar

Cara Membagi Sidebar Menjadi 2 Kolom Gadget

4/ 5

Oleh TeribunNews.Com