Tambah Dua Kolom Di Bawah Sidebar

Bagaimana cara membagi dan menambah kolom di sidebar menjadi dua ? Beberapa setelan Tata Letak pada Template default blogger sudah menyediakan varian dengan dua kolom di bawah sidebar, tapi untuk yang menggunakan template hasil download biasanya area ini tidak tersedia. Jadi untuk menambahkan kolom di bawah sidebar tersebut, kita akan menambahkan kode berikut kedalam HTML template.

Dua Kolom Di Bawah Sidebar
  1. Login ke akun Blogger anda, pilih menu Template lalu klik Edit HTML
  2. Carilah kode seperti berikut
     #sidebar-wrapper{ width:320px;  float:$endSide;  word-wrap:break-word;  overflow:hidden}
  3. Perlu diingat nilai width tiap template berbeda-beda, kemudian letakkan kode berikut di bawahnya
.singlesidebar {float:$endSide;  word-wrap:break-word;  overflow:hidden}

Lalu kebawah cari kode berikut, untuk memudahkan pencarian kode di edit HTML tekan "F3 atau Ctrl + F" pada keyboards
 
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
      </div>

setelah ketemu, ganti dengan kode berikut

<div id='sidebar-wrapper'>
<div class='singlesidebar' style='width:100%'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
      </div>

<div style='width:100%'><div class='singlesidebar' style='width:50%; float:left;'>
          <b:section class='sidebar' id='sidebar1' preferred='yes'/>
        </div>

<div class='singlesidebar' style='width:50%;float:right;'>
          <b:section class='sidebar' id='sidebar2' preferred='yes'/>
        </div>
        </div><div style='clear:both'/>
      </div>

Save template. Untuk melihat hasilnya, silahkan masuk ke menu Tata Letak. Di bawah sidebar anda akan melihat kolom gadget terbagi menjadi dua kolom.
Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :

Title : Tambah Dua Kolom Di Bawah Sidebar
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
http://odyckdnero.blogspot.com/2012/02/tambah-dua-kolom-di-bawah-sidebar.html

Related Post

0komentar:

Post a Comment

*Silahkan tinggalkan komentar, saran atau kritik sesuai topik untuk kemajuan blog ini.
*Komentar anda secepat mungkin direspon, karena saya tidak selalu online.
*KOMENTAR TIDAK SOPAN, BERIKLAN, VULGAR, MELECEHKAN, SARA atau PROVOKATIF akan dianggap SPAM, dan berakhir di Tong Sampah..!!!