Selasa, 13 Maret 2012

Membuat Link bergambar

Cara membuat link bergambar sebagai berikut, dengan menggunakan kode seperti di bawah ini :
<a href="Nama URL"><img src="URL gambar" width="350" height="55" border="0" /></a>

Masih sama dengan di atas, kita akan membuat link untuk URL http://guru-umarbakri.blogspot.com mengenai “Bahasa Indonesia” dengan menggunakan sebuah gambar

Contoh:

Untuk melihat Artikel mengenai "Bahasa Indonesia" anda dapat klik di bawah ini :
<center><a href="http://guru-umarbakri.blogspot.com" target=”blank"> <img src="http://i711.photobucket.com/albums/ww116/john_rodw/Umar05.jpg" width="350" height="75" border="0" /></a></center>

atau anda ingin melihat "Kamus Besar Bahasa Indonesia" anda dapat klik di bawah ini :
<center><a href="http://pusatbahasa.diknas.go.id/kbbi/" target=”blank"> <img src="http://i711.photobucket.com/albums/ww116/john_rodw/KBBI.jpg" width="350" height="50" border="0" /></a></center>


Hasil :

Untuk melihat Artikel mengenai "Bahasa Indonesia" anda dapat klik di bawah ini :

atau anda ingin melihat "Kamus Besar Bahasa Indonesia" anda dapat klik di bawah ini :



Penjelasan :
Pada contoh di atas URL gambar disimpan pada photobucket. Photobucket adalah Imagehosting dan anda dapat mengupload gambar pada imagehosting-imagehosting yang lain. Apabila anda belum punya akun silahkan anda daftar terlebih dahulu, kemudian upload gambar yang akan digunakan untuk Link. Atau dapat juga anda posting gambar pada blog, kemudian copy urlnya, dan pakai url tsb, kode yang lain anda hapus.
width adalah lebar gambar
height adalah tinggi gambar
Bisa anda ubah sesuai dengan keinginan anda

Semoga bermanfaat

Tidak ada komentar:

Posting Komentar

Tolong kasih komen yak,, gk usah sungkan2! karna emg msh banyk bgt kekurangannya, OK...,Thx