 |
| Credit img: freepik.com |
Sebenarnya elemen gadget suatu blog itu sangat perlu di perhatikan dan perlu di sesuaikan sesuai dengan jenis template blog yang kita rancang. Terlebih suatu blog itu rancangan elemen gadget juga berbeda - beda., seperti halnya elemen gadget 2 kolom di samping ada yang ada dan ada juga yang tidak ada. Nah disini saya ingin berikan sedikit langkah untuk menambah elemen gadget 2 kolom di samping.
/*****************************************
Name : 2 Kolom layout di sidebar blog
******************************************/
#kolom_sidebar {
clear:both;
}
.box_Kolom {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}/* End CSS 4 kolom layout */
Setelah itu simpan dan copy pastekan lagi kode di bawah ini di bawah kode <div id='sidebar-wrapper'> atau <div id='main-wrapper'>
Namun ingat tidak semua kode template sama jadi bila tidak ada kode di atas carilah kode yang sama persis.
<!-- 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> <!-- layout 2 kolom end -->
Save template.
Sekian dulu ya tutorial saya dalam menambah elemen gadget 2 kolom di samping. Semoga bermanfaat.
