Cara Mengatur Posisi Gambar (Image) di Postingan Blog

Romeltea | 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.*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media dan Content Creator from Bandung, Jawa Barat, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

1 comment on Cara Mengatur Posisi Gambar (Image) di Postingan Blog

  1. ini yang bisa, yang lain tidak bisa, trims mas bro ........................

    ReplyDelete

No Spam, Please!