Beberapa waktu lalu, saya pernah menulis tentang Membuat link Download di Blogger. Masih berhubungan dengan link2'an, kali ini saya mencoba menulis tentang membuat gambar menjadi sebuah link (bisa untuk link download , link ke suatu situs/halaman tertentu atau untuk membuat banner). Kali ini cukup dengan gambar diam/still image, tinggal pengaplikasiannya tergantung kebutuhan.
Pada prinsipnya sama saja, akan tetapi sedikit berbeda karena kita menggunakan gambar sebagai antarmukanya (antar muka itu kl bahasa inggrisnya Interface....sok bgt da ah..). Karena saya menggunakan blogger, maka cukup dengan bantuan google picasa sebagai hosting gambar sudah cukup. Inilah caranya :
1. Pertama, buatlah gambar yang akan dibuatkan link. (bisa dengan Photoshop, GIMP atau Paint sekalipun).
2. Setelah gambar jadi, bukalah http://picasaweb.google.com, lalu upload gambar yang tadi kita buat ke picasaweb tsb. Karena kita menggunakan Blogger, ketika kita membuka google picasa maka otomatis kita sudah Log In.
3. Setelah Log In, upload lah gambar yang akan digunakan sesuai ketentuan google picasa.
4. Setelah di upload, klik lah pada gambar yang dimaksud dan pilihlah "Link to this photo" di bagian kanan tengah google picasa.
5. Akan muncul beberapa pilihan setelah itu, klik lah pada bagian "Image only (no link)", lalu copylah URL pada kotak di bawah kata "Embed image".
6. Selesai di google picasa, kita kembali ke Blogger. Buatlah Widget baru, lalu pilih yang "HTML/JavaScript".
7. Masukanlah kode dibawah ini :
<center>
<a href="URL HALAMAN/SITE YANG DITUJU"><img border="0" alt="NAMA SITE/BLOG ANDA" src="URL GAMBAR ANDA"/></a><br/>
</center>
Contoh :
<center>
<a href="http://google.com"><img border="0" alt="mencoba-online.co.cc" src="http://lh4.ggpht.com/y9Bx2wF4zco/s144/jaket.gif"/></a><br/>
</center>
* Link yang dituju adalah "http://google.com"
* Web/blog kita adalah "mencoba-online.co.cc"
* Alamat gambar yang akan digunakan adalah "http://lh4.ggpht.com/y9Bx2wF4zco/s144/jaket.gif"
8. Jangan lupa Save / Simpan widget yahg telah dibuat. Lalu liatlah hasilnya.
Sebagai contoh, anda bisa lihat gambar jaket yang ada di sebelah kanan Blog ini. Jika gambar tersebut di klik, akan mengantar anda menuju satu halaman dalam blog ini. Cobalah... :D
SEMOGA BERMANFAAT...!!
Pada prinsipnya sama saja, akan tetapi sedikit berbeda karena kita menggunakan gambar sebagai antarmukanya (antar muka itu kl bahasa inggrisnya Interface....sok bgt da ah..). Karena saya menggunakan blogger, maka cukup dengan bantuan google picasa sebagai hosting gambar sudah cukup. Inilah caranya :
1. Pertama, buatlah gambar yang akan dibuatkan link. (bisa dengan Photoshop, GIMP atau Paint sekalipun).
2. Setelah gambar jadi, bukalah http://picasaweb.google.com, lalu upload gambar yang tadi kita buat ke picasaweb tsb. Karena kita menggunakan Blogger, ketika kita membuka google picasa maka otomatis kita sudah Log In.
3. Setelah Log In, upload lah gambar yang akan digunakan sesuai ketentuan google picasa.
4. Setelah di upload, klik lah pada gambar yang dimaksud dan pilihlah "Link to this photo" di bagian kanan tengah google picasa.
5. Akan muncul beberapa pilihan setelah itu, klik lah pada bagian "Image only (no link)", lalu copylah URL pada kotak di bawah kata "Embed image".
6. Selesai di google picasa, kita kembali ke Blogger. Buatlah Widget baru, lalu pilih yang "HTML/JavaScript".
7. Masukanlah kode dibawah ini :
<center>
<a href="URL HALAMAN/SITE YANG DITUJU"><img border="0" alt="NAMA SITE/BLOG ANDA" src="URL GAMBAR ANDA"/></a><br/>
</center>
Contoh :
<center>
<a href="http://google.com"><img border="0" alt="mencoba-online.co.cc" src="http://lh4.ggpht.com/y9Bx2wF4zco/s144/jaket.gif"/></a><br/>
</center>
* Link yang dituju adalah "http://google.com"
* Web/blog kita adalah "mencoba-online.co.cc"
* Alamat gambar yang akan digunakan adalah "http://lh4.ggpht.com/y9Bx2wF4zco/s144/jaket.gif"
8. Jangan lupa Save / Simpan widget yahg telah dibuat. Lalu liatlah hasilnya.
Sebagai contoh, anda bisa lihat gambar jaket yang ada di sebelah kanan Blog ini. Jika gambar tersebut di klik, akan mengantar anda menuju satu halaman dalam blog ini. Cobalah... :D
SEMOGA BERMANFAAT...!!
3 comments:
wah saya senang dengan artikel2nya mas ari...sangat bermanfaat bagi blogger2 pemula semacam saya ini
sharing knowledge aja mas ... saya juga banyak ambil ilmu dari blogger2 lain :)
Semoga gak nyepam
Post a Comment