Home » Blogger Hack » Cara Buat 2 Kolom Sidebar di Blogger

Cara Buat 2 Kolom Sidebar di Blogger

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Cara Buat 2 Kolom Sidebar di Blogger. Dengan artikel Cara Buat 2 Kolom Sidebar di Blogger ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Cara Buat 2 Kolom Sidebar di Blogger kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Cara Buat 2 Kolom Sidebar di Blogger selengkapnya:

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.

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Cara Buat 2 Kolom Sidebar di Blogger dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Poskan Komentar