Cara Membuat Link Pada Gambar
0 views
Cara membuat link pada gambar, sebenarnya tidak jauh berbeda dengan link pada teks. Pada link teks, apabila kita meng-klik teks akan terbuka halaman web lain. Pada link gambar apabila kita klik gambar, maka terbuka halaman web baru.
Sebelum kepada link gambar, kita lihat dulu bagai mana kode HTML dasar dari link teks, seperti ini:
Beberapa hal yang perlu diperhatikan :
1. Untuk memasukan kode di atas harus pada mode HTML
2. Gambar harus sudah di upload
3. Supaya terbuka di tab baru tambahkan kode
Kalau ada saran atau komentar silahkan isi kolom komentarnya.
Happy Blogging sob...
Sebelum kepada link gambar, kita lihat dulu bagai mana kode HTML dasar dari link teks, seperti ini:
<a href="url tujuan">anchor teks</a>Maka apabila saya ingin membuat teks link yang ditujukan ke blog.kangismet.net, maka kodenya seperti ini:
<a href="http://blog.kangismet.net/">Blogger Tutorial</a>Apabila kita ingin menampilkan gambar sebagai link, maka kita tinggal mengganti anchor teks menjadi gambar, kode dasarnya seperti ini:
<a href="url tujuan"><img src="url gambar" /></a>Contoh kode, gambar yang ditujukan ke blog.kangismet.net:
<a href="http://blog.kangismet.net/"><img src="http://1.bp.blogspot.com/-EL0iQY6651k/TtCFY0jbHxI/AAAAAAAABHc/2Mkwfc9bOVQ/s1600/ki.png" /></a>maka hasilnya seperti ini : (sok atuh silahkan di klik)
Beberapa hal yang perlu diperhatikan :
1. Untuk memasukan kode di atas harus pada mode HTML
2. Gambar harus sudah di upload
3. Supaya terbuka di tab baru tambahkan kode
target="_blank"
pada url tujuan, contoh:<a href="http://blog.kangismet.net" target="_blank">4. Supaya gambar terbaca di Search Engine, tambahkan kode
alt="keterangan gambar"
pada url gambar, contoh:<img src="http://4.bp.blogspot.com/-zzeju97zS34/TzUklCgI2mI/AAAAAAAABbA/WY6rUNgXmbY/s1600/logo1.png" alt="logo blog kang ismet" />5. Supaya keluar teks ketika mouse disimpan di atas gambar, tambahkan kode
tittle="judul gambar"
, contoh:<img src="http://4.bp.blogspot.com/- zzeju97zS34/TzUklCgI2mI/AAAAAAAABbA/WY6rUNgXmbY/s1600/logo1.png" alt="logo blog kang ismet" tittle="Blog Kang Ismet" />6. Kode keseluruhan seperti ini :
<a href="http://blog.kangismet.net" target="_blank"><img src="http://4.bp.blogspot.com/- zzeju97zS34/TzUklCgI2mI/AAAAAAAABbA/WY6rUNgXmbY/s1600/logo1.png" alt="logo blog kang ismet" tittle="Blog Kang Ismet" /></a>Untuk mengupload gambar, dan cara mengetahui alamat/url gambar silahkan kunjungi tutorial "Cara upload gambar ke Blogger".
Kalau ada saran atau komentar silahkan isi kolom komentarnya.
Happy Blogging sob...
86 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
body massage spa near me price
body to body massage in new delhi railway station
body to body spa near me
best nuru b2b spa near me
Happy ending b2b spa near me Delhi
http://www.obatkuatkalimantan.com/
http://obatpembesarpenis.org/
http://www.vakumpembesarpenis.com/
mohon silaturahminya http://rakaraperz.blogspot.com :)
by : www.tokoobat-69.blogspot.com
www.goedangbagus.blogspot.com
http://samboedy.blogspot.com/
http://hermanto-ridwan.blogspot.com/2013/03/rumah-minimalis-efisien-10-m-x-12-m.html
Terimakasih banyak.. Ijin blogwalking kang.. :)
ijin ilmu nya kang ismet.untuk saya pelajari lebih lanjut
monggo berkunjung balik ..
hatur nuhun kang :)
udah keliling2 gak nemu, ternyata begini rupanya, hehe
makasih banyak kawan! :)
kunjungi blog mungilku ya:_ iRusMind.blogspot.com
http://awismuhammad.blogspot.com/
http://download-template-blogger-gratis.blogspot.com/
Thanks infonya.
Link juga udah saya pasang di http://www.dulida.com/2012/06/tukar-link-dengan-dulidacom.html.
Terima kasih
Saya langsung ke TKP dan berhasil..
Sukses selalu kang
untuk silaturahmi dan kalau mau kita tukaran link.
Kalau berkunjung jangan lupa tinggalkan komentar agar saya bisa berkunjung lagi di sini.link kang ismed sudah terpasng di tempat saya jgn lupa follow back ya kang
Ok see you prend,
Thank’s
It works !
Kelihatan sepele tentang image link, tp bermanfaat bgt.
Keren gan.
dejafatutor.blogspot.com
The Rasya Notes
Rebutan Rumah Gratis Semudah 1-2-3
Kisah Sukses Top Market Leader, Baca Sekarang…
hehe..
:)
makasi beud
kl mau nyimpen foto tyz dilink,,dmna yy??akuu blm bisa,,,hihi
mkasii
:)
saya butuh banget. dan artikel ini sangat membantu ^^
makasi makasi makasi ^^