Cara membagi kolom posting menjadi 2

Membuat judul posting tentang membagi halaman blog menjadi dua kolom benar-benar membuat pusing kepala. Bagaimana tidak karena pasti akan terjadi dua pengertian yang berbeda. Dari kata dan kalimat serta maksudnya, membagi halaman posting menjadi 2 kolom bisa di artikan :

1. Membagi posting atau setiap posting dibntuk dalam 2 kolom terpisah, kiri dan kanan.
2. Membuat halaman posting menjadi 2 kolom, kiri dan kanan dengan setiap kolomnya berisi satu buah postingan.

Coba .... Bingung, khan?! He .... ndak apa-apa ... Biar kita sama-sama bingungnya. Yang buat tutorial bingung, yang baca bingung dan yang pasti yang mau buat juga sedikit bingung. He ... he ....

Biar sedikit berkurang bingungnya, kita akan buat dulu panduan yang berkaitan dengan pengerian dan maksud yang tertulis di poin ke-2. "Membagi halaman posting menjadi 2 kolom dengan masing-masing kolom berisi 1 (satu) posting.


berikut cara pemasangannya:

1. Login to Blogger
2. Dasboard : KLIK link Design/Rancangan.
3. Design/Rancangan : KLIK linkEdit HTML.
4. Edit HTML : BackUp Template terlebih dahulu dengan KLIK Download Full Template/Download Template Lengkap, kemudian simpan file template di folder PC.
5. Tetap di Edit HTML : cari kode ]]></b:skin>. Simpan kode berikut di bawah kode ]]></b:skin>. 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {
    width:185px;
    margin-right:5px;
    overflow:hidden;
    float:left;
    border:1px solid #666;
    }
</style>
</b:if>

Cari kode CSS .post{ atau .post {. Yang membedakan dua kode tersebut hanya pada spasi sebelum tanda .post dan tanda kurung buka, sementara fungsinya sama sekali tidak ada perbedaan. Di bawah kode tersebut masih ada kode lanjutannya seperti ini :

.post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    } 

Mungkin kode milik template sampeyan tidak sama persis. Kode syntax di atas diambilkan dari template Minima Black.
1. Ganti Kode : Ganti syntax (kode CSS) dengan kode css berikut ini : 

.post {
    padding:1em 0.5em 1.6em;
    margin:.5em auto 1.5em;
    border-bottom:1px dotted $bordercolor;
    } 

SAVE Template/Simpan Template : KLIK SAVE Template/Simpan Template, kemudian periksa hasilnya dengan membuka blog.

 semoga bermanfaat..