Cara Membuat atau Menambah 2 Kolom pada Sidebar Blog

Assalamualaikum,
Tips blogging kali adalah bagaimana cara membuat 2 kolom pada sidebar blog. Sebelumnya saya ingin mengucapkan terima kasih kepada kawan blogger Riani Natalina, karena saya mendapatkan ide ini atas masukkan dari beliau, yang telah berkomentar di artikel Tambah Emoticon pada Kolom Komentar Template Blog.

Langsung saja, cara membuat 2 kolom pada sidebar blog atau menambahkan 2 kolom baru pada sidebar blog (contoh disini saya mengambil template blog bumicaang), yaitu:

1. Sign in ke Blogger - Rancangan - Edit HTML
2. Download Template Lengkap, untuk jaga-jaga bila terjadi kegagalan
3. pilih lanjutkan,centang pada Expand widget template
4. Cari (gunakan tombol Ctrl+F pada keyboard) kode #sidebar
5. Berapa lebar kolom sidebar tersebut? disana saya dapati width: 350px; lalu sebagai acuan, 2 kolom baru pada sidebar harus lebih kecil atau sama dengan lebar kolom sidebar ÷ 2, kemudian berikan perintah CSS dibawah #sidebar, seperti ini
6. 
   .sidebar1 {float: left; width: 170px; margin: 0; padding: 0;}
.sidebar2 {float: right; width: 170px; margin: 0; padding: 0;}
#sidebar-wrapper {float: left; width: 350px; margin: 0; padding: 0;}
7. Cari kode<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
----hingga----
</b:section>
</div>
8. Tambahkan kode berikut diatas </div><!-- tambah 2 buah sidebar -->
<b:section class='sidebar1' id='sidebar1' preferred='yes'/>
<b:section class='sidebar2' id='sidebar2' preferred='yes'/>
<!-- /tambah 2 buah sidebar -->
9. Simpan Template, lalu lihat di tab Elemen Laman

Sidebar sebelum ditambah kolom baru

Sidebar setelah ditambah 2 kolom baruSumber asli dari http://planetcaang.blogspot.com/2011/11/cara-membuat-atau-menambah-2-kolom-pada.html.

Jika anda menyukai artikel ini silahkan klik tombol suka dibawah ini