Jumat, 25 Februari 2011

Membuat HTML Link

Pernah ada pertanyaan dari Elite, katanya begini:
1. Gmana sih cara buat link diblogger
misal link A terhubung dgn link B dst...

2. gmana cara ngasih link dr image ke text ato sbaliknya

3. gmana cara ngasih spasi buat home..about...daftarisi...
berikut dgn linknya...
klo bisa tlng kirimin scriptnya dongs ke email saya


thnks sob.. salam kenal ..SAM..
Saya jawabnya di sini aja ya mas (atau mba'...?) Elite, soalnya engga ada e-mail yg bisa dihubungin. Kabel kalee dihubungin :P

*Tarik Maaaang...

Link atau biasa disebut juga Hyperlink atau Web Link. Sebuah link menghubungkan Web Resource satu ke Web Resource lainnya. Kenapa saya bilang Web Resource bukan Web Page atau halaman web...? Karena sebuah link engga selalu menghubungkan ke halaman lain. Kira2 begitu penjelasan singkatnya :)

Untuk membuat sebuah link sangatlah mudah. Pada Blogger, kamu tinggal blok tulisan yg ingin kamu buat sebagai link. Lalu klik ikon insert link, lalu masukkan alamat tujuan.

Cara lainnya, kamu buat secara manual dengan menggunakan tag anchor <a>.
Bikin kode kaya' gini dalam postingan kamu
<a href="URL">Anchor Text</a>
Ganti URL dengan alamat tujuan. Lalu ganti Anchor Text (Apa itu Anchor Text?) dengan teks yg nantinya akan ditampilkan sbg link. Sbg contoh saya akan membuat link menuju blog ini
<a href="http://blogger-holic.blogspot.com/">Blogger-Holic</a>
Hasilnya akan tampak seperti ini:
Blogger-Holic

Saya agak kurang mengerti dgn pertanyaan nomor dua. Mungkin maksudnya membuat gambar sbg link ya...? Pada dasarnya Anchor Text pada sebuah link engga harus berbentuk teks, bisa juga berbentuk gambar. Kodenya kaya' gini
<a href="URL"><img src="alamatsumbergambar"></a>
Bedanya Anchor Text di sini diganti dgn tag image. Ubah URL dengan alamat tujuan. Nah, selanjutnya yg perlu diganti hanyalah alamatsumbergambar dengan alamat sumber gambar. Sbg contoh saya akan membuat gambar sbg link menuju blog ini
<a href="http://blogger-holic.blogspot.com/"><img src="alamatsumbergambar"></a>
Hasilnya akan seperti ini:


Kamu juga bisa menambahkan atribut ke dalam sebuah link. Beberapa atribut diantaranya:
title="teks"
Atribut yg akan muncul jika kamu meletakkan kursor di atas link dan bisa digunakan sbg informasi tambahan. Contoh:
<a href="http://blogger-holic.blogspot.com/" title="klik sini deh :)">Blogger-Holic</a>. Hasilnya: Blogger-Holic

target="_blank"
Atribut yg akan membuat link jika diklik akan membuka tab/window baru. Contoh: <a href="http://blogger-holic.blogspot.com/" target="_blank">Blogger-Holic</a>. Hasilnya: Blogger-Holic

rel="nofollow"
Atribut yg membuat link tsb tidak dianggap sbg backlink oleh Search Engine. Baca juga artikel tentang no follow.

Semoga aja mudah dimengerti. Untuk pertanyaan terakhir, blogmenjerit punya tutorial tentang Link Tab yg mantaff...

Sumber: w3schools

http://blogger-holic.blogspot.com/2008/06/membuat-html-link.html

0 comments:

Posting Komentar

 

Subscribe to our Newsletter

Contact our Support

Email us: Support@templateism.com

Our Team Memebers