Cara merubah ukuran image mejadi besar atau kecil

Masih terkait dengan masalah image
Cara merubah ukuran image di atas ini misalnya dengan ukuran kecil, dan code HTML nya di bawah:

<div dir="ltr" style="text-align: left;" trbidi="on">

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuo_qmqcZaixoVKrFPjVDgyUvfRvrnwHzrzGHmcmixLKt9fnbHNAXUKwGcA0-prnOfrDQOll7mg0ChukqTi4_U83EYSZNB8YvCFr8sNaMyal6qKD-bWjA5f7Kn1FNoNfGiP35WqyM0igES/s100/Snapshot_194.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuo_qmqcZaixoVKrFPjVDgyUvfRvrnwHzrzGHmcmixLKt9fnbHNAXUKwGcA0-prnOfrDQOll7mg0ChukqTi4_U83EYSZNB8YvCFr8sNaMyal6qKD-bWjA5f7Kn1FNoNfGiP35WqyM0igES/s100/Snapshot_194.png" /></a></div>

Sedankan image dengan ukuran sedang atau besar, seperti gambar di bawah:

Gambar tersebut di atas ini, jika untuk melihat ukuran menjadi code HTML, akan menjadi seperti code di bawah:

<div class="separator" style="clear: both; text-align: center;">

<a href="http://1.bp.blogspot.com/-CMhUA_TaTQg/UB7Iin0JGfI/AAAAAAAAC-g/kERxCwG8wtc/s1600/Snapshot_194.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFzSYJg6XSrpZ2lv4ZOu3n4RliKdQ-arC9YoKy93Tp1l3pEXsYnhQMAb2opwAJdAc11Tp7woFEyn0WbIixz8tIHCm8Y-pCjiZrO6rwGaGAR52NtFw5R07ZRsD54_yc2PcPrqCbdN_nLjQ_/s1600/Snapshot_194.png" /></a></div>

Code di atas tersebut, ukuran original ketika di upload dari komputer.

Sekarang akan menampilkan image menjadi besar (gambar bawah):

Di rubah menjadi code HTML lihat code di bawah:

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFzSYJg6XSrpZ2lv4ZOu3n4RliKdQ-arC9YoKy93Tp1l3pEXsYnhQMAb2opwAJdAc11Tp7woFEyn0WbIixz8tIHCm8Y-pCjiZrO6rwGaGAR52NtFw5R07ZRsD54_yc2PcPrqCbdN_nLjQ_/s1600/Snapshot_194.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFzSYJg6XSrpZ2lv4ZOu3n4RliKdQ-arC9YoKy93Tp1l3pEXsYnhQMAb2opwAJdAc11Tp7woFEyn0WbIixz8tIHCm8Y-pCjiZrO6rwGaGAR52NtFw5R07ZRsD54_yc2PcPrqCbdN_nLjQ_/s400/Snapshot_194.png" width="400" /></a></div>

Itulah keterangan untuk megecilkan atau memperbesar image pada image blog Anda.

KETERANGAN BAHWA:

Code dari contoh image pertama dan terakhir sebagai berikut,

• Code contoh seperti (WWEygSVIoU/s100/Snapshot_194.png" imageanchor=) bahwa (s100) ini merupakan dari seluruh sisi image tersebut (gambar paling atas) jika Anda ingin merubah ukuran yang lebih besar, cukup merubah angkanya saja.

•  Code contoh seperti, (g/kERxCwG8wtc/s1600/Snapshot_194.png" imageanchor="1" style=) bahwa code (s1600) ini adalah code ukuran original dari komputer (gambar ke dua)

• Yang terakhir adalah code contoh (g/kERxCwG8wtc/s1600/Snapshot_194.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFzSYJg6XSrpZ2lv4ZOu3n4RliKdQ-arC9YoKy93Tp1l3pEXsYnhQMAb2opwAJdAc11Tp7woFEyn0WbIixz8tIHCm8Y-pCjiZrO6rwGaGAR52NtFw5R07ZRsD54_yc2PcPrqCbdN_nLjQ_/s400/Snapshot_194.png" width="400" />) Code seperti (s1600) = (204) istilah Tinggi x Lebar (s400)=(400) , Anda cukup merubah angka yang berwana hijau saja. itu , jika Anda telah merubah angka pada code yang no. 3, tidak ada perubahan dan mohon maaf, Anda harus memaklumi.  Berhubung waktu yang sangat singkat dalam memposting, saya dalam kelelahan campur aduk dengan pekerjaan wajib dan ngeblog, Ya,,semoga postingan yang seperti ini menjadi bahan uji coba, Semoga dapat bermanfaat, sekian dan terim kasih.

Kembali ke cara :"Cara membuat teks muncul pada image ketika disentuh cursor"