Memasukkan Image dari Picasa, Mudah dan Praktis Tidak Bau Amis

00:50 html, Panduan, Pemula, Tips 0 komentar Jusron Faizal

Memiliki server dengan kapasitas fakir space, atau kapasitas kecil macam 25 mb - 100 mb dan ditambah status dipinjami dengan belas kasihan sama teman atau setahun lagi akan diusir karena udah gak dapat gratisan lagi, memang sangat menyedihkan. Apa lagi kalo isi situsmu adalah koleksi foto narsismu yang seabrek jumlahnya. Kalo mau pindah-pindah lapak (server - red) pasti akan kerepotan buat unduh dan unggah lagi sebesar 500 mb (setengah giga) yang isinya foto dari kecil sampe kuliah.

Solusi - Pake aja Album Picasa milik google yang berkapasitas 1 gb (satu gerobak) sampah

Sekilas kode html untuk image
Ini gak rumit kok, untuk memasukkan kode html untuk image bahasa standartnya adalah:

<img src="alamat file" alt="keterangan foto" align="left*" border="0" width="lebar ukuran" height="tinggi">

Contoh Kasus untuk foto dibawah ini adalah, Langsung aja ambil contoh dari album http://picasaweb.google.com/khatulistiwa.info

<img border="0" src="http://4.bp.blogspot.com/_9P53Rc8xyoY/S3zA_f5F5xI/AAAAAAAAAEk/ARC5_3eEgKc/palmhill60.jpg" alt="palm hill cikereteg" width="600" height="300" />

Jika tanpa sisipan align="left" atau align="right", maka tulisan atau teks secara otomatis akan ditaruh dibawah, dan sebaliknya jika dipake, maka text bisa di samping kanan atau kiri gambar

Kode diatas tersebut, dapat diliat langsung gambarnya disini. Nah dengan kode seperti diatas, yang selalu agak ribet saat menentukan ukuran width dan height, ada cara mudah khususon jika menggunakan image di picasa tanpa harus repot ngurusin ukuran widht dan height. Gini caranya:


<img border="0" src="/lh4.ggpht.com/_9P53Rc8xyoY/S3zCQD_DOKI/AAAAAAAAAF8/BHVTIsy8Q5A/s128/palmhill60.jpg" />

<img border="0" src="/lh4.ggpht.com/_9P53Rc8xyoY/S3zCQD_DOKI/AAAAAAAAAF8/BHVTIsy8Q5A/s160/palmhill60.jpg" />

<img border="0" src="/lh4.ggpht.com/_9P53Rc8xyoY/S3zCQD_DOKI/AAAAAAAAAF8/BHVTIsy8Q5A/s220/palmhill60.jpg" />


<img border="0" src=" http://lh4.ggpht.com/_9P53Rc8xyoY/S3zCQD_DOKI/AAAAAAAAAF8/BHVTIsy8Q5A/s288/palmhill33.jpg" />

<img border="0" src=" http://lh4.ggpht.com/_9P53Rc8xyoY/S3zCQD_DOKI/AAAAAAAAAF8/BHVTIsy8Q5A/s350/palmhill33.jpg" />

<img border="0" src=" http://lh4.ggpht.com/_9P53Rc8xyoY/S3zCQD_DOKI/AAAAAAAAAF8/BHVTIsy8Q5A/s500/palmhill33.jpg" />

Nah...bisa liat bedanya kan? dengan file yang sama, kita cuman perlu ubah dikit di /sUKURAN YG Di INGINKAN/namafile.jpg

* cara ambil url gambar gak susah kok, disalah satu foto pilihanmu, arahkan mouse di atas foto, klik kanan mouse, dan pilih salin URL gambar, untuk memastikan url bener atau enggak bisa, paste alamat tersebut di kolom alamat url  browsermu, kalo bener copy-nya pasti akan keluar gambarnya. OK!

Tags: html, Panduan, Pemula, Tips

Sharing is sexy

Related posts

0 komentar for this post

Posting Lebih Baru Posting Lama Beranda