Search This Blog

About Me

Foto saya
Lahat, Palembang, Indonesia

Senin, 18 Oktober 2010

Cara Membuat Link

Tadi pagi.....pas saya online (YM), saya dapet pertanyaan dari teman yang mengunjungi blog saya. Dia nanya..."mas...ada script buat link di jendela baru ga.....??".

Nah...menyimak pertanyaan diatas (dari teman saya itu), saya pikir kayaknya ga ada script untuk buat link supaya tampil di jendela baru, tapi kalo kode HTML ada....Nah..biar berurutan, saya jelasin dari awal.

Apa itu Link...

Link adalah sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut .

Bagaimana Membuat Link...

Format dasar sebuah link, adalah sebagai berikut :
<a href="URL ANDA"> TEXT ANDA </a>
Perhatikan kata yang berwarna biru..
URL ANDA = Situs / Halaman Web yang akan menjadi tautan link.
contoh : http://kursus-blog.blogspot.com
TEXT ANDA = Text yang akan menjadi perwakilan Url tersebut. Dalam arti text yang akan ditampilkan pada halaman web sebagai perwakilan dari url.

Ok untuk contoh lengkapnya silahkan anda perhatikan kode HTML berikut :
<a href="http://kursus-blog.blogspot.com"> Kursus Blog </a>
Nah..kode HTML diatas adalah sebuah link. Yang mana link tersebut menjadi perwakilan dari blog saya yaitu http://kursus-blog.blogspot.com. dan kata yang menjadi wakil / tautan ke blog tersebut adalah Kursus Blog.

Jadi intinya, Pada kode tersebut sobat tinggal mengganti url dan text-nya saja, sesuai dengan url yang akan dijadikan sebuah link. Gimana....mudahkan...?.

Variasi Link
  • target="_blank" --> Membuka link di sebuah jendela baru...
  • alt="TEXT" --> Memberikan keterangan (sesuai text), apabila mouse diarahkan ke link tersebut. Contoh :
<a href="http://kursus-blog.blogspot.com" target="_blank" alt="Kursus Blog">Kursus Blog</a>
Link Untuk Gambar

Untuk membuat link pada gambar, caranya simple banget tinggal tambahin aja kode

<img src="url gambar anda"> -->

Formatnya seperti berikut :

<a href="url anda"><img src="url gambar anda"></a>

anda tinggal mengganti url anda dengan alamat yang akan di link, dan url gambar anda dengan url tempat menyimpan gambar anda. Contoh :

<a href="http://kursus-blog.blogspot.com"><img src="http://mizwar.blog.googlepages.com/logo.gif"></a>

Tidak ada komentar:

Posting Komentar