Cara Mengatur Posisi Gambar (Image) Di Postingan Blog

TUTORIAL Cara Mengatur Posisi Gambar (Image) di Postingan Blog ini bagi template blog 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 menyerupai ini:

Padalah, yang kita inginkan posisinya menyerupai ini:

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

Pasang (copas) instruksi berikut ini di atas instruksi ]]></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 supaya tampil normal sesuai dengan settingan kita dikala posting.*