Cara Buat 2 Kolom Sidebar di Blogger

Tweet

D-Copy Blog's | Cara Buat 2 Kolom Sidebar di Blogger memang adalah cara terbaik bagi blog yang memiliki banyak artikel. Cara ini menjadi cara yang terbaik, oleh sebab itu saya akan memberikan kepada Anda bagaimana cara melakukan hal tersebut.

Langkah :

1. Buka akun blogger Anda.
2. Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
3. Cari kode yang mirip pada kode dibawah ini :

 <div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>
  </div>

      4.  Sekarang tempatkan kode dibawah ini, tepat diantara kode </b:section> & </div>.

 <b:section class='sidebar' id='magazine-left4' showaddelement='yes'>
<b:widget id='Text514' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right4' showaddelement='yes'>
<b:widget id='Text524' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>

dan akan kelihatan seperti dibawah ini :

<div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>
<b:section class='sidebar' id='magazine-left4' showaddelement='yes'>
<b:widget id='Text514' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right4' showaddelement='yes'>
<b:widget id='Text524' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div></div>

      5.  Sekarang cari kode dibawah ini :

]]></b:skin>

      6.  Pastekan kode dibawah ini tepat diatas pada kode diatas :

#magazine-left4 {
width: 49%;
float: left;
}
#magazine-right4 {
width: 49%;
float: right;
}

      7.  Save Template Anda dan silahkan check di menu Layout.