Membuat Sidebar 2 Kolom

Membuat Sidebar 2 Kolom sebenarnya yang lebih tepat adalah Membagi Sidebar menjadi 2 kolom mungkin kata itu yang lebih tepat untuk trik kali ini karena kita tidak akan membuat elemen namun membagi-nya. Bagaimana cara membaginya? yang tinggal bagi dua saja lebar sidebar, mudahkan? jelas tapi itu hanya penjelasan inti saja untuk secara detailnya kita lihat ke bawah yuk!

1. Login ke blogger
2. Masuk Ke Tata Letak
   
   
   
3. Masuk ke Edit HTML
   
   
   
4. sebelum melakukan pengeditan alangkah baiknya kalau template sobat di backup dahulu agar tidak terjadi kerusakan pada template
5. setelah itu cari sidebar-wrapper lalu tambahkan kode ini di bawahnya, untuk menambahkannya yang lebih tepat adalah di bawah kode } kalau kurang jelas lihat gambar di bawah ini ok
   
   #sidebar-wrapper-baru {
   width: 100px; /* Sobat Bisa menyesuaikan dengan Sidebar sendiri*/
   float: $endSide;
   word-wrap: break-word;
   overflow: hidden;
   margin-right: 20px;
   }
   
   
   
6. setelah itu mari kita menuju ke kode HTML, lalu cari kode <div id='sidebar-wrapper'> dan taruh kode di bawah ini tepat di bawahnya tepatnya di bawah </div>
   
   <div id='sidebar-wrapper-baru'>
   <b:section class='sidebar' id='sidebar2' preferred='yes'>
   <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
   </b:section>
   </div>
   
   
   
7. Setelah itu simpan dan lihat deh hasilnya
8. Selesai

Mudah bukan Membuat Sidebar 2 Kolom? apa...!! susah? kok bisa sich? ya sudah deh kalau susah tinggalkan pesan aja di bawah ini iya, saya akan siap membantu sobat semua dan saya juga mau pamit dulu. Termia kasih dan Happy Blogging .

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg