Cara Membuat 2 Kolom di bawah sidebar

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

Posted by mukhammad nur 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

Cara Membuat 2 Kolom di bawah sidebar

Kalo uda ditambahkan akan menjadi seperti gambar di bawah

Cara Membuat 2 Kolom di bawah sidebar

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 mukhammad nur
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.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Online Skill - Cinta fido Fido | Kopi kanan Akherat | Kisah Nabi Muhammad | Sahabat | Belajar Blogger | Template | HTML | Tutorial | Komputer.

investasi semoga anda senang

kurs mata uang BCA-2


Selamat datang di blog cinta fido, semoga anda diberi keSehatan oleh alloh SWT

Islam itu Cinta Damai Agama Islam Cinta Damai
jihad Damai adalah amal kebaikan yang Allah perintahkan dan menjadi sebab kokoh dan kemuliaan umat islam