Blog akan terlihat menarik jika, dalam postingan blog itu dipasang gambar. biasanya gambar itu dipasang diatas postingan, tetapi hal itu memakan banyak tempat ketika kita ingin menampakkan postingan dengan metode read more atau baca selengkapnya pada halaman beranda blog.
Untuk itu ada cara agar gambar kita yang dipasang tidak memakan banyak tempat, yaitu dengan cara memasang gambar di samping atau di kanan postingan blog seperti gambar di postingan ini.
Untuk menempatkan gambar disamping kiri blog kita cukup menambahkan kode ini pada gambar
align="left" width="100" height="100">
misalnya kita akan menempatkan gambar ini disamping blog
misalnya kode gambar diatas adalah
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU13scWWtDKzZDlcUxpgKMsM5R6cdOsmuBkvzmi06VOfsG7QyjxjkU__At8NGxIU0gX2-PBwZBafdME2ceishvGCyYv8Z2WO6dVNwDA5y8Wllk9anERSXadrc1wjQWIOf0WwVobWJY1654/s1600/images+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU13scWWtDKzZDlcUxpgKMsM5R6cdOsmuBkvzmi06VOfsG7QyjxjkU__At8NGxIU0gX2-PBwZBafdME2ceishvGCyYv8Z2WO6dVNwDA5y8Wllk9anERSXadrc1wjQWIOf0WwVobWJY1654/s320/images+%25281%2529.jpg" width="320" /></a></div>
maka kita masuk ke html pada kode diatas tambahkan kode
align="left" width="100" height="100">
setelah kode jpg"
maka menjadi seperti ini
disebelah kanannya bisa kita tulikan kalimat apa saja
jika ingin menempatkan disebelah kanan kita tinggal mengganti "left" menjadi "right"
demikianlah cara menempatkan gambar disebelah kanan atau kiri postingan blog semoga bermanfaat...!!!
No comments:
Post a Comment
Silakan tuliskan komentar atau masukkan anda tentang blog ini ataupun tentang isi dari blog ini, masukkan anda sangat berarti untuk kemajuan blog ini