Friday, October 1, 2010

Cara Membagi Postingan Menjadi 2 kolom

Membagi postingan membagi menjadi 2 kolom ini maksudnya membagi post secara terpisah di kanan dan kiri. Biar tidak bingung coba deh lihat gambar di bawah ini.

Membagi Postingan Menjadi 2 kolom

Sudah tahukan maksudnya ? jika tertarik ingin mencoba, berikut tutorialnya ..

Silahkan Login ke blog kamu, kemudian menuju area Edit Html

Back up template, buat jaga-jaga jika nanti terjadi kesalahan saat mengedit.

Nah, tinggal cari kode ]]></b:skin> ( gunakan ctrl + f agar mudah mencarinya ) dan copy code berikut ini di bawahnya.


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post {
width:285px;
height:400px;
margin-right:5px;
overflow:hidden;
float:right;
border:3px double #808080;
}
</style>
</b:if>



Lanjut dengan mencari css .post{ contoh css nya seperti ini ( mungkin ada perbedaan dari template kamu )


.post{
background:#fff;
border:3px double #a5a5a5;;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0.5em 0.5em;
padding:0.5em;
font-family:"Verdana";
text-align:justify}



Jika sudah ketemu, coba perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut hingga menjadi seperti di bawah ini.


.post{
background:#fff;
border:3px double #a5a5a5;;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0.5em auto 0.5em;
padding:0.5em;
font-family:"Verdana";
text-align:justify}



Jika sudah selesai simpan template kamu !

Kalau masih kesulitan kamu bisa ganti Css kamu dengan Css .post{ di atas !

Tutorial di atas saya ambil dari template ini, jadi silahkan edit width, height, border, margin dan lainnya sesuai dengan template kamu.

Semoga bermanfaat dan berhasil kamu coba.

Baca juga : Cara Membuat Widget Hanya Tampil di HomePage Atau Postingan