Cara Mengatur Posisi Gambar (Image) di Postingan Blog

TUTORIAL Cara Mengatur Posisi Gambar (Image) di Postingan Blog ini bagi yang posisi gambar kecilnya di postingan ada di tengah, padahal sudah kita atur posisinya di kiri atau di kanan.

Misalnya, gambar postingan ada di tengah seperti ini:

Cara Mengatur Posisi Gambar (Image) di Postingan Blog

Padalah, yang kita inginkan posisinya seperti ini:

Cara Mengatur Posisi Gambar (Image) di Postingan Blog


Saya ambil kodenya dari template blog bawaan blogger, dipadukan dengan kode css gambar image (post body image) dari blog yang tampilan gambarnya normal.

Pasang (copas) kode berikut ini di atas kode ]]></b:skin>

.post-body img {clear: left;margin-bottom: 1em;margin-right:0.3em;width:auto;max-width:100%}
.post-body,.post img {clear: left;float: left;margin-bottom: 1em;margin-right: 1em;}
.video-container{position:relative;margin:0 0 15px;padding-bottom:51%;padding-top:30px;height:0;overflow:hidden;border:1px solid #ccc}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

Demikian Cara Mengatur Posisi Gambar (Image) di Postingan Blog biar tampil normal sesuai dengan settingan kita saat posting.*

Posting Komentar

Lebih baru Lebih lama