Notification

×

Kategori Berita

Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.
TRENDING TERKINI

Adsense Responsif

Tag Terpopuler

Menambah elemen gadget 2 kolom di samping

10 Februari 2014 | 18:05 WIB Last Updated 2021-08-06T12:47:02Z
Bantu Subscribe ya?
Subscribe
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.


Langsung saja copy pastekan kode di bawah ini di atas kode  ]]></b:skin>

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

×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +