Membuat Postingan Mirip Koran

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.

Berjajar mirip koran

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

1. Silahkan Login ke blog kamu

2. Kemudian klik Rancangan

3. Klik Edit Html

4. Back up template, buat jaga-jaga jika nanti terjadi kesalahan saat mengedit.
5. 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 margintersebut 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 !

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

Tutorial di atas saya ambil dari blog home-catalog.blogspot.com, serta saya source dari blog Tips Handphone jadi silahkan edit width, height, border, margin dan lainnya sesuai dengan template anda.

Semoga bermanfaat dan berhasil anda coba ^^

Description: Membuat Postingan Mirip Koran
Rating: 5.0
5.0