Cara membuat 2 kolom gadget di sidebar blogspot

Element gadget sangat diperlukan disuatu perancangan blog khususnya pada blogspot., cara membuat 2 kolom disidebar blogspot merupakan suatu trik untuk memasang 2 widget berdampingan disidebar blog. Element gadget ini berguna untuk keperluan menempatkan berbagai aplikasi ataupun kode kode script dan code code HTML agar blog kita sempurna dan banyak fasilitas dan membuat para pengunjung blog kita merasa betah berlama lama di blog kita sekaligus memperindah tampilan pada blog kita. Dalam postingan kali ini saya akan menerangkan dan memberikan suatu script untuk membuat element 2 kolom gadget di sidebat atau disamping halaman blog kita. Oke daripada ceramah panjang lebar dan ngak jadi jadi langsung aja ke TKP.

Referensi Artikel

• Cara membuat 2 kolom layout dibawah postingan blog
• 5 kolom layout di footer halaman blog
• Membuat 4 kolom layout di footer halaman blog

Install Program CSS

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code ]]></b:skin> 
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.


/*****************************************
Name : 2 Kolom layout di sidebar blog
By : Rivai Silaban | Blog Design
Update : 08 Mei 2013
******************************************/
#kolom_sidebar {
clear:both;
}
.box_Kolom {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}/* End CSS 4 kolom layout */




5. Setelah anda selesai memasang code CSSnya saatnya anda dipaksa untuk memasang kode tag htmlnya pada halaman blog anda agar muncul pada saat dibrowsing.
6. Pada tahap selanjutnya cari kode <div id='sidebar-wrapper'> setelah ketemu atau terkadang templatenya tidak sama codenya , paling tidak hampir sama berada disamping halaman, untuk memudahkan lihat layout blog anda berada disamping kiri atau kanan. Untuk penempatan dibawah <div id='sidebar-wrapper'> atau diatas letakkan code script yang dibawah ini berada di bawah code <div id='main-wrapper'>.
   


<!-- BDRS layout 2 kolom tart -->
<div id='kolom_sidebar'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box_Kolom' id='Rivai blog 1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box_Kolom' id='Rivai blog 2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div> <!-- BDRS layout 2 kolom end -->



7. Save template anda, dan lihat hasilnya

Kesimpulan

Cara membuat 2 kolom layout di siebar halaman blog ini sangat cocok buat para bloger mania yang menginginkan atau memasang 2 widget berdampingan dalam sidebar blog.

Bila anda mengalami kesulitan dalam memasang kodenya di halaman blog anda atau ada kode yang error silahkan hubungi saya atau share bersama saya melalui form Comment dibawah.

2 Kolom layout disidebar halaman blog
08 Mei 2013
Rivai Silaban | Blog Design

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 12:16 AM