Nggak mau ketinggalan artikel baru Blogger-Holic? Subscribe Sekarang
Hot Categories: Blogger News | Hack | SEO | Tips | Tutorial | more

Membuat HTML Link

14.6.08 | 30 comments

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

30 comments:

  1. waduhh.. tengs banget yak! berguna banget nih :) ..

    ReplyDelete
  2. saya dah coba tapi di wordpress tp koq ga bisa yah mohon info japri aja indrianacilena@gmail.com trims

    ReplyDelete
  3. saya mau tanya kalau link itu bisa di klik terus bisa muncul kresinya itu bagaimana sich, aku bingung nich? seperti kategori damn lain2.

    ReplyDelete
  4. sya mau tanya klo link ke tab sendiri..
    atau penggunaan slace (garis miring)

    ReplyDelete
  5. Lumayan banget makasih yach !!!

    from : mbudiirawan@yahoo.com

    ReplyDelete
  6. jadi follower skaligus tukar ling ni gan,,,
    gara2 tersesat di postingan atas yg mmberikan bantuan utk pernak pernik blog saya,,, thanks

    ReplyDelete
  7. Sangat membantuu bagi saya yang masih newbie :D
    terima kasih infonya (walau sedikit sulit dimengert :p)

    ReplyDelete
  8. @4683245805413957227.0
    sama2 sis..hehehe
    kalo ada yg kurang dimengerti silakan tanya aj, kali aja bisa bantu.. hehehe

    ReplyDelete
  9. singkat padat dan jelas...
    thx dah sharing

    ReplyDelete
  10. Job Feed Aggregator : wah informasi yang diberikan sangat berguna sekali, terimakasih sekali untuk artikelnya :) General Forum Discussion

    salam

    Indonesia News Aggregator

    ReplyDelete
  11. salamm knall,,,
    main k blog ku jga ya...

    thexample.blogspot.com

    mohon bantuannya , karna saya masihh pemula..
    thx

    ReplyDelete
  12. terimakasih saya udah coba dan berhasil tank ya bro atas ilmunya

    ReplyDelete
  13. thx atas info na mampir ya k blog saia

    ReplyDelete
  14. itu link teks diganti dengan gambar ya

    ReplyDelete
  15. @4654382921537019873.0
    yang mana ya? anchor teks link memang bisa diganti dengan gambar :)

    ReplyDelete
  16. Thank you Mas...

    Kalo cara buat "kotak komen" yang bagus gimana ya??

    ReplyDelete
  17. Kadang Kadang Aku Perlu Contekan Ini Buat Bikin Anchor text.

    ReplyDelete
  18. ooo getoh..okelah klo begitu,saya coba ya gan.oiya kl tukeran link gmna caranya??

    ReplyDelete
  19. terima kasih gan belajar ane gan masih newbie

    ReplyDelete
  20. Okeh,.. Sip, tengkyu atas Informasinya

    ReplyDelete
  21. sangat beeermanfaat gan........
    terimakasih infonya...
    ditunggu kunjungan baliknya di Welcome To My Blog™ l IZAL-INK™k

    ReplyDelete
  22. Makasih banyak mas,,, membantu sekali
    Jangan lupa jalan-jalan kesini ya :)
    PUSAT MAKALAH GRATIS

    ReplyDelete