Tuesday, June 18, 2013

Cara Buat 2 Kolom Sidebar di Blogger

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.

Related Posts

Comments
0 Comments

0 comments:

Post a Comment

Jangan lupa Follow + Like Fanspage
dan jangan lupa tinggalkan komentar :D

(ini perintah maka laksanakanlah xD)