Sabtu, 27 November 2010

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 ^^
Hm.. Bagaimana? mudah kan cara membuat postingan mirip koran.

Jangan asal copy paste, baca aturanya di sini !
Post By Kang Salman
http://asksalman19.blogspot.com


Ingin mendapat penghasilan tambahan dari blog? Bergabung dan jadikan blog anda sebagai ladang uang bagi dompet anda setiap bulan. Cukup pasang banner saja! Daftar =>  Klik Disini <= klik!  untuk memanen uang $ seperti saya. Gratis!!
Dapatkan update artikel  terbaru kami langsung ke email anda.  

0 komentar:

Poskan Komentar

give your comment here, please do not spam

 
My Big Dream powered by XXZ