Selasa, 28 Februari 2012

Cara Hosting Gambar di Blogger

Meng-hosting gambar merupakan kegiatan menyimpan gambar dengan cara mengunggah (upload) di situs layanan hosting gambar untuk mendapatkan URL gambar tersebut. URL gambar ini nantinya akan diletakkan di blog agar dapat digunakan secara online. Di internet, ada beberapa situs penyedia hosting gambar (image hosting) yang bisa dimanfaatkan untuk menyimpan gambar secara online.

Selain menggunakan situs-situs hosting gambar, sebenarnya kita dapat juga meng-hosting gambar di Blogger/Blogspot sendiri. Gambar-gambar yang telah diunggah ini akan terkumpul di Album Picasa. jatah atau kuota kita untuk menyimpan gambar di Blogger ini adalah sebesar 1024 MB (sekitar 1 GB). Meng-hosting gambar di Blogspot ini akan terasa lebih praktis bila dibandingkan dengan di situs hosting gambar lainnya.

Untuk meng-hosting gambar di Blogger, caranya adalah masuk ke "Entri Baru" layaknya saat kita akan menulis artikel baru. Kemudian isikan judulnya, misalnya "Gambar-gambar". Tidak diberikan judul juga tidak apa-apa. Selanjutnya jika berada dalam posisi "Compose", klik icon "Insert image" untuk mulai mengunggah gambar.

Setelah gambar terunggah, silakan klik kanan pada gambar tersebut lalu pilih "Salin Lokasi Tautan". Kemudian paste di "Notepad" misalnya, tautan tersebut. Tautan tersebut adalah sebagai URL gambarnya. Kodenya akan tampak seperti di bawah ini.

http://1.bp.blogspot.com/-zs-Y5fugcCE/T02yWsxKYwI/AAAAAAAAAyA/s2XM3sxfJiw/s1600/Blogger.png

Klik kanan pada gambar kemudian pilih "Salin Lokasi Tautan".

Selain cara di atas, dapat juga digunakan cara berikut ini yaitu setelah gambar berhasil diunggah, silakan beralih ke posisi "Edit HTML". Pada posisi ini perhatikan serangkaian kode HTML yang mewakili dari gambar yang di-upload tersebut. Kode HTML dari gambar itu akan tampak seperti di bawah ini.

<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-zs-Y5fugcCE/T02yWsxKYwI/AAAAAAAAAyA/s2XM3sxfJiw/s1600/Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-zs-Y5fugcCE/T02yWsxKYwI/AAAAAAAAAyA/s2XM3sxfJiw/s1600/Blogger.png" /></a></div>

Selanjutnya, perhatikan bagian kode yang berwarna merah. Bagian kode inilah yang diambil sebagai URL dalam membentuk suatu kode HTML untuk gambar nantinya.

Bila ingin meng-hosting gambar lagi, Anda tinggal masuk kembali ke entri yang diberi judul "Gambar-gambar" tadi. Status dari entri adalah masih dalam berbentuk "draft".

URL gambar ini dapat digunakan untuk:

Tidak ada komentar:

Posting Komentar