Cara Membuat Link Pada Gambar - BRIGADE 86 - Cara Cepat Belajar Komputer dan Belajar Blog
Headlines News :
Powered by Blogger.

Cara Membuat Link Pada Gambar

Written By Edie Daneva Warsono on Sunday, 24 March 2013 | 17:54

Jasa Like Fanpage Murah 2014, 2015, 2016
Cara membuat link dengan sebuah gambar, sebenarnya tidak jauh berbeda dengan membuat link dengan/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 kita bahas link gambar, tak ada salahnya kita lihat dulu bagaimana 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 Channel Youtube saya, maka kodenya seperti ini:
<a href="https://www.youtube.com/user/TheEdieva/">Edie Daneva Movies Portal</a>

Apabila kita ingin menampilkan gambar sebagai link, maka kita tinggal mengganti anchor teks menjadi gambar, kode dasarnya seperti ini:
<a href="https://www.youtube.com/user/TheEdieva/"><img alt=" photo 5096e702-27c6-4258-b405-6ad01cba74d5.jpg" border="0" src="http://i1207.photobucket.com/albums/bb471/edievaloader/5096e702-27c6-4258-b405-6ad01cba74d5.jpg" /></a>

maka hasilnya seperti ini : (Silakan klik untuk MENJELAJAHI Film koleksi saya)

LOGO E-HOME ENTERTAINMENT
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="https://www.youtube.com/user/TheEdieva/" target="_blank">

4. Supaya gambar terbaca di Search Engine, tambahkan kode alt="keterangan gambar" pada url gambar, contoh:

<img src="http://i1207.photobucket.com/albums/bb471/edievaloader/5096e702-27c6-4258-b405-6ad01cba74d5.jpg" alt="LOGO E-HOME ENTERTAINMENT" />

5. Supaya keluar teks ketika mouse disimpan di atas gambar, tambahkan kode tittle="judul gambar", contoh:

<img src="http://i1207.photobucket.com/albums/bb471/edievaloader/5096e702-27c6-4258-b405-6ad01cba74d5.jpg" alt="LOGO E-HOME ENTERTAINMENT" tittle="EDIE DANEVA MOVIES PORTAL" />

6. Kode keseluruhan seperti ini :
img src="http://i1207.photobucket.com/albums/bb471/edievaloader/c5e45543-8443-48a8-ba3a-bc41361aab43.jpg" border="0" alt="LOGO E-HOME ENTERTAINMENT" tittle="EDIE DANEVA MOVIES PORTAL" /></a>

Demikian sedikit uraian singkat dari saya, semoga bermanfaat.
Related Posts Plugin for WordPress, Blogger...
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Original Basic Design by Absolut Website Creator Modified by Oemah Web Banjar - West Java