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. Blogger from Bandung, Jawa Barat, Indonesia. Follow me: facebook twitter instagram twitter youtube

Recommended Posts

No comments on Cara Mengatur Posisi Gambar (Image) di Postingan Blog

Post a Comment

No Spam, Please!

Contact Form

Name

Email *

Message *