Monday, June 25, 2012

Memasukkan Gambar Ke Postingan Blog 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 Memasukan 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.

Berikut Memasukkan Gambar Ke Postingan Blog Blogger  Kita.

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.
Cara Memasukkan Gambar Ke Postingan Blog Blogger
3. Maka akan keluar jendela baru seperti ini
Memasukkan Gambar Ke Postingan Blog Blogger
Silahkan pilih posisi gambar, anda bisa meletakkan gambar di tengan, kanan, atau kiri. Kemudian klik telusur dan cari gambar yang ingin anda masukkan ke postingan blog setelah itu klik Upload Image.

Setelah proses upload selesai maka seharusnya gambar yang di upload tadi sudah terlihat di kolom isian postingan blogger.

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, jika anda masih bingung dimana bisa menemukan kode html tersebut Dengan Klik Ctrl+F

Biasanya kode html gambar yang kita upload tadi akan terlihat seperti ini
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpLo5dRZYOu96gb59b_4exTWQJ1n0m7m3RRJiWoZKtOcyYlQN6DqhbvVp-C0akVTx0w3LJfMc6YJVdhyphenhyphenNIzUeQ2ZI25p_wtI4mkEIn_U3-BQpfEhUQuiPY50Qb2CeS6NdeXOUQJvYfAw/s1600/memasukkan+gambar+ke+postingan+blog.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpLo5dRZYOu96gb59b_4exTWQJ1n0m7m3RRJiWoZKtOcyYlQN6DqhbvVp-C0akVTx0w3LJfMc6YJVdhyphenhyphenNIzUeQ2ZI25p_wtI4mkEIn_U3-BQpfEhUQuiPY50Qb2CeS6NdeXOUQJvYfAw/s400/memasukkan+gambar+ke+postingan+blog.JPG" id="BLOGGER_PHOTO_ID_5489720834105500946" border="0" /></a>
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.

Nah itulah 2 Cara Memasukkan gambar ke postingan blog blogger. Mudah-mudahan bisa di pahami.

No comments:

Post a Comment