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:
Padalah, yang kita inginkan posisinya seperti ini:
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
« Prev Post
Next
Next Post »
Next Post »
Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me:
facebook
twitter
instagram
linkedin
youtube
ini yang bisa, yang lain tidak bisa, trims mas bro ........................
ReplyDelete