Cara Membuat Dua Kolom di Sidebar Blog


Cara Membuat Dua Kolom di Sidebar Blog
Cara Membuat Dua Kolom di Sidebar Blog


Cara Membuat Dua Kolom di Sidebar Blog - Cara Menambah Kolom di Sidebar Blog - Kali ini saya mau berbagi tips mengenai bagaimana Cara Membuat Dua Kolom di Sidebar Blog, sebagai contoh sobat bisa lihat diblog ini tepatnya di sidebar. mungkin cara ini sudah banyak atau mungkin sobat semua sudah mengetahuinya tapi tidak ada salah nya jika saya ulas kembali.

Baiklah caranya tidak begitu sulit hanya dengan sedikit tambahan kode kita langsung bisa Membuat Dua Kolom di Sidebar Blog untuk lebih jelasnya silahkan ikuti penjelasan berikut :
  1. Login terlebih dahulu ke akun blogger sobat.
  2. Kemudian klik Template lalu klik Edit HTML
  3. Cari kode seperti kode ]]></b:skin> (Gunakan ctrl+f atau tekan F3 untuk mempermudah pencarian).
  4. #kolom-kiri { width: 49%; float: left; }
    #kolom-kanan { width: 49%; float: right; }
    Untuk Width bisa sobat rubah sesuai keinginan sobat
  5. Cari kembali kode seperti kode dibawah
  6. <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='Feed'/>
    </b:section>
    </div>
  7. Kemudian, tambahkan kode di bawah tepat di antara kode </b:section> dan </div>.
  8. <b:section class='sidebar' id='kolom-kiri' showaddelement='yes'>
    <b:widget id='Text665' locked='false' title='Column 1' type='Text'/>
    </b:section>
    <b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
    <b:widget id='Text666' locked='false' title='Column 2' type='Text'/>
    </b:section>

    <div style="clear: both;"></div>
  9. Terahir simpan template / save template
Buka blog sobat maka sobat akan bisa langsung lihat hasilnya, mudah-mudahan tips sederhana ini bisa bermanfaat juga berguna


Sobat sedang membaca artikel yang berkategori Tips Blogging dengan judul Cara Membuat Dua Kolom di Sidebar Blog. Sobat bisa bookmark halaman ini dengan URL http://black2cheat.blogspot.com/2013/01/cara-membuat-dua-kolom-di-sidebar-blog.html. Terima kasih atas kunjungannya!