Rabu, 30 Mei 2012

Membuat gambar dipostingan berada di tengah


Agak berantakan

Di sela - sela kesibukan dalam menulis ulang posting tutorial yang terhapus saya sempatkan menulis Trik membuat gambar di postingan selalu berada di tengah tips ringan sih tapi gak papa kalau di bagi - bagi.

Contoh penulisan kode html gambar

<img src='url gambar'/>

Nah jika penulisan kode html gambar anda di postingan seperti itu, pasti gambarnya akan berada di kiri. trus gimana caranya biar di tengah...? caranya adalah dengan menambah sedikit kode css.

1. Cari kode css seperti ini di dalam template anda.

.post img {

2. Tambahkan kode css di bawah ini sebelum tag penutup dari .post img { yang bertanda seperti ini }

display: block;
margin: 0 auto;
text-align: center;

Setelah itu klik Simpan Template nah sekarang anda tidak perlu lagi menulis kode <center> untuk membuat gambar berada di tengah cukup dengan tambahan kode css itu aja.

Terlihat libih rapi jika gambar di tengah