SELAMAT DATANG DI BLOG DUNIA KOMPUTER DAN INTERNET

Tuesday, May 17, 2016

Cara Memasang Gambar Sebelah Kiri atau Kanan pada Postingan Blog


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"

maka akan menjadi seperti ini




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