Home / BLOGGER / Cara Membuat 2 Kolom di bawah sidebar

Cara Membuat 2 Kolom di bawah sidebar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Posted by Unknown Senin, 16 April 2012 0 komentar

Cara Membuat 2 Kolom di bawah sidebar
tutorial agar sidebar template anda menjadi terbagi 2 di bagian bawahnya.

Kira-kira seperti ini gambarnya

Kalo uda ditambahkan akan menjadi seperti gambar di bawah

Langsung saja ini dia caranya:

- login dulu ke akun blogger

- masuk dashboard --> Tata Letak --> Edit HTML

- Cari kode di bawah ini atau biar lebih mudah kita gunakan CTRL + F (biar lebih gampang dalam mencari)

#sidebar-wrapper{ width:320px; float:$endSide; word-wrap:break-word; overflow:hidden}

- Lalu copy kode berikut dan letakkan di bawah nya

.singlesidebar {float:$endSide; word-wrap:break-word; overflow:hidden}

- Setelah itu klik save.

- Lalu cari kode berikut

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
</div>

- kemudian hapus dan gantikan dengan kode di bawah ini

<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>

- Lalu save dan lihat hasilnya.

Artikel ini tentang Cara Membuat 2 Kolom di bawah sidebar

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Membuat 2 Kolom di bawah sidebar
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2012/04/cara-membuat-2-kolom-di-bawah-sidebar.html. Terima kasih sudah singgah membaca artikel ini.