Membuat blog sudah, mendesain template blog sudah, belajar membuat postingan sudah. Sekarang tinggal ngapain hayooo? Anda BetuuLLL, mengupload foto/gambar kedalam entri postingan. Postingan tanpa gambar serasa masak sayur asem tanpa asem. Gimana tuh rasanya? Yaa jadinya bukan sayur asem laaaah.
Pada tutorial ini, tidak hanya membahas cara-cara upload gambar kedalam blog, kita juga belajar mengetahui kode-kode HTML gambar yang kita unggah atau upload dalam bahasa inggrisnya. Serta kita akan tahu URL gambar yang kita upload. So, Anda tidak perlu mengupload gambar ke Hosting gratis seperti Photobucket, ziddu, imageshack, tinypic dan lain sebagainya.
5. Dan akan muncul jendela baru Klik tombol Pilih Berkas
*silahkan pilih gambar atau foto dari komputer yang akan diupload, gambar bisa diupload secara bersamaan sekaligus. tunggu sampai gambar atau foto muncul seperti dibawah ini.
Pada tutorial ini, tidak hanya membahas cara-cara upload gambar kedalam blog, kita juga belajar mengetahui kode-kode HTML gambar yang kita unggah atau upload dalam bahasa inggrisnya. Serta kita akan tahu URL gambar yang kita upload. So, Anda tidak perlu mengupload gambar ke Hosting gratis seperti Photobucket, ziddu, imageshack, tinypic dan lain sebagainya.
Cara unggah gambar ke dalam blog
1. Masuk ke blogger
2. Buatlah sebuah posting Klik ENTRI BARU
3. Pada form editor entri klik Compose
3. Pada form editor entri klik Compose
5. Dan akan muncul jendela baru Klik tombol Pilih Berkas
Keterangan :
- Upload : Upload foto atau gambar dari drive komputer anda sendiri
- From this blog : Upload gambar atau foto dari blog anda sendiri yang pernah anda upload sebelumnya, jadi tidak perlu mengupload dari awal.
- From Picasa Web Albums : upload gambar atau foto dari situs Album Picasa
- From a URL : Upload gambar dari situs lain, jadi kamu tinggal menyantumkan URL gambar yang dimaksud misalnya kamu mengupload gambar dari photobucket.com
- Semua gambar atau foto yang kamu upload diblogger dapat kamu lihat di Album Web Picasa, karena Album picasa merupakan salah satu produk google, kamu tinggal login dengan akun google kamu, disitu kamu dapat mengedit gambar atau menghapus gambar yang pernah diupload.
*silahkan pilih gambar atau foto dari komputer yang akan diupload, gambar bisa diupload secara bersamaan sekaligus. tunggu sampai gambar atau foto muncul seperti dibawah ini.
6. Jika sudah pasti dengan gambar yang mau diupload klik Add Selected
7. Selesai.
Sekarang kita cari tahu Kode HTML dan URL gambar yang kita upload tadi.
Langkah-langkahnya:
Setelah kita mengunggah gambarnya, selanjutnya klik Edit HTML (yang berada disamping Compose) maka akan terlihat kode dan URL dari gambar tersebut. Saya beri contoh, Seperti gambar berikut
7. Selesai.
Sekarang kita cari tahu Kode HTML dan URL gambar yang kita upload tadi.
Kode HTML dan URL gambar
Jika mengambil kode gambar atau URL gambar, cara ini juga berfungsi apabila ingin menampilkan gambar disidebar, header, wrapper, atau di blog lain.Langkah-langkahnya:
Setelah kita mengunggah gambarnya, selanjutnya klik Edit HTML (yang berada disamping Compose) maka akan terlihat kode dan URL dari gambar tersebut. Saya beri contoh, Seperti gambar berikut
*Keterangan gambar diatas:
Kode HTML gambar yang diupload:
Semua kode yang berada didalam garis merah, contoh kode HTMLnya seperti ini:
Kode HTML gambar yang diupload:
Semua kode yang berada didalam garis merah, contoh kode HTMLnya seperti ini:
<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/AVvXsEgbmtMORN8GrS6jBVBzi_qTn1vwbD322QZjnxunzi0rnadUXhlElODXVNjD4ZPCA8CDnwQT2FA975pzdQ5fmK3_fxqI07QNwKVI2gWpD5VcHp6fpjlJsty0zUVg6YF21ewh-SyCBFZwD_ZD/s1600/cooltext621356333.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmtMORN8GrS6jBVBzi_qTn1vwbD322QZjnxunzi0rnadUXhlElODXVNjD4ZPCA8CDnwQT2FA975pzdQ5fmK3_fxqI07QNwKVI2gWpD5VcHp6fpjlJsty0zUVg6YF21ewh-SyCBFZwD_ZD/s1600/cooltext621356333.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmtMORN8GrS6jBVBzi_qTn1vwbD322QZjnxunzi0rnadUXhlElODXVNjD4ZPCA8CDnwQT2FA975pzdQ5fmK3_fxqI07QNwKVI2gWpD5VcHp6fpjlJsty0zUVg6YF21ewh-SyCBFZwD_ZD/s1600/cooltext621356333.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmtMORN8GrS6jBVBzi_qTn1vwbD322QZjnxunzi0rnadUXhlElODXVNjD4ZPCA8CDnwQT2FA975pzdQ5fmK3_fxqI07QNwKVI2gWpD5VcHp6fpjlJsty0zUVg6YF21ewh-SyCBFZwD_ZD/s1600/cooltext621356333.png" /></a></div>
</div>
URL gambar :
Kode yang berada didalam garis biru, contoh seperti ini:
Kode yang berada didalam garis biru, contoh seperti ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmtMORN8GrS6jBVBzi_qTn1vwbD322QZjnxunzi0rnadUXhlElODXVNjD4ZPCA8CDnwQT2FA975pzdQ5fmK3_fxqI07QNwKVI2gWpD5VcHp6fpjlJsty0zUVg6YF21ewh-SyCBFZwD_ZD/s1600/cooltext621356333.png
*Catatan:Kode HTML dan URL gambar pasti berbeda, sesuai posisi, ukuran dan gambar yang anda upload.
Baca selanjutnya cara mengganti icon adress bar atau yang sering disebut icon favicon pada blogspot.
Sekian dan terimakasih....
Sekian dan terimakasih....
1 komentar:
Makasih infonya, jangan lupa kunjungi blog gue
www.satrio-aji-p.blogspot.com
Posting Komentar
Terimakasih telah membaca artikel ini, komentar Anda sangat membantu blog ini :)