Cara Mengatur Posisi Gambar (Image) di Postingan Blog

Follow @romel_tea
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 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.*

Thanks for reading Cara Mengatur Posisi Gambar (Image) di Postingan Blog | Tags:

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

No Spam, Please!