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.
<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 )
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.
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
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:
Posting Komentar
give your comment here, please do not spam