Cara Memasukkan Gambar Ke Postingan Blogger

Terkadang kita perlu menambahkan gambar kedalam postingan blog kita, baik tujuannya untuk memperjelas artikel yang kita tulis tersebut maupun untuk keperluan lainnya.

Hari ini saya akan membahas tutorial Bagaimana Cara Memasukkan Gambar (Image) Kedalam Postingan Blog Blogger.

Memasukkan gambar kedalam postingan blog blogger bukanlah hal yang susah, yang kita lakukan hanyalah mengklik icon yang berfungsi untuk mengupload gambar yang kita masukkan tersebut, kemudian menguploadnya.

Panduan Pasang Gambar Ke Postingan Blog Blogger.

1. Silahkan siapkan gambar yang ingin di masukkan.
2. Disaat anda menulis artikel yang ingin di sisipi gambar tersebut silahkan klik icon yang saya bulati di bawah ini.



3. Maka akan keluar jendela baru seperti ini


Klik telusur dan Upload Gambar yang ingin anda masukkan ke postingan blog.

Setelah proses upload selesai silakan klik Add Selected/Pilih Yang Ditandai.

Jika letaknya tidak sesuai dengan letak yang anda inginkan silahkan pidahkan ketempat yang anda inginkan, bisa dengan cara menariknya atau memindahkan kode html nya yaitu dengan cara mengklik Edit Html, letaknya ada di sebelah kiri atas (post area), bergandengan dengan tulisan Compose.

Biasanya kode html gambar yang kita upload tadi akan terlihat seperti ini

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvgqLkZjW9Pl5H7baUtiqtGkt3JxUdAcDQXGb77lQJxCLg_LvN6ZW62-iLhyphenhyphenbx_Q_chk6MzWIAtc98tM4IOlxcMZYVArA6VNdSCss810gvKrdfqzaKMPGisWnbY_PjIkwm8KhkaW_SAo/s1600/pasang+gambar+ke+posting.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvgqLkZjW9Pl5H7baUtiqtGkt3JxUdAcDQXGb77lQJxCLg_LvN6ZW62-iLhyphenhyphenbx_Q_chk6MzWIAtc98tM4IOlxcMZYVArA6VNdSCss810gvKrdfqzaKMPGisWnbY_PjIkwm8KhkaW_SAo/s320/pasang+gambar+ke+posting.jpg" width="320" /></a></div>

Jika anda sudah menemukan kode html gambar tersebut silahkan pindahkan semua kode tersebut ke tempat yang anda inginkan.

Okey saya anggap ini selesai...

Lalu bagaimana jika gambar yang ingin kita masukkan ke postingan tersebut bukan dari komputer kita, dari situs lain masilnya.

Jika gambar tersebut dari situs lain maka yang harus anda lakukan hanyalah menuliskan kode html berikut ke dalam postingan.

<a href="Masukkan Url Gambar Disini"><img src="Masukkan Url Gambar Disini" /></a>

atau kode ini saja

<img src="Masukkan Url Gambar Disini" />

Anda juga bisa mengatur lebar dan tinggi gambar tersebut dengan menambahkan kode ini

width="400px" height="250px"

Sehingga jika kodenya di gabungkan akan terlihat seperti ini

<img src="Masukkan Url Gambar Disini" width="400px" height="250px">

Pada tulisan Masukkan Url Gambar Disini silahkan ganti tulisan tersebut dengan url gambar yang ingin anda masukkan tersebut.

Kode gambar (Url Gambar berada tepat setelah kode img src=" hingga (")

Contoh:

<img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvvgqLkZjW9Pl5H7baUtiqtGkt3JxUdAcDQXGb77lQJxCLg_LvN6ZW62-iLhyphenhyphenbx_Q_chk6MzWIAtc98tM4IOlxcMZYVArA6VNdSCss810gvKrdfqzaKMPGisWnbY_PjIkwm8KhkaW_SAo/s320/pasang+gambar+ke+posting.jpg" width="320" />

Yang saya beri warna Biru itu adalah kode lengkap Url Gambar.

Nah itulah 2 Cara Memasukkan gambar ke postingan blog blogger. Mudah-mudahan bermanfaat.
Update 11 Juli 2012