Hello Admin^
This is Not_Found

Into your system...

Now I Destroy your security and Break them Into Pieces..

Whatever you Hate Me or Like me

I'm So Sorry Your Site Has been Deface
By



zoneaman86.blogspot.com

 


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.

Cara membuat halaman posting menjadi 2 kolom terpisah

 

  • Login to Blogger
  • Dasboard : KLIK link Design/Rancangan.
  • Design/Rancangan : KLIK linkEdit HTML.
  • Edit HTML : BackUp Template terlebih dahulu dengan KLIK Download Full Template/Download Template Lengkap, kemudian simpan file template di folder PC.
  • 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.
  • 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.
  • 0 Comments:

    Post a Comment



    Posting Lebih Baru Posting Lama Beranda