Cara Buat Link

Cara buat 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... Mari kita bahas sama – sama :

Kode HTML Dasar Untuk LINK

Kode HTML Dasar (syntax) untuk membuat link sangat simple sekali. Hanya dibutuhkan sebuah html tag yaitu <a> dan menambahkan attribute href di dalamnya. Kode lengkapnya yaitu :

<a href="url">Anchor Text</a>

Penjelasan :
- kode <a> dan </a> merupakan tag html untuk membuat link.
- href, merupakan suatu attribute yang menunjukan tujuan link (URL).
- Anchor Text merupakan perwakilan dari URL yang bisa berupa text (kata) atau gambar.

Contoh Dasar Cara Membuat Link.

Dari syntax (kode) dasar pembuatan link diatas, sekarang saya akan tunjukan bagaimana membuat suatu link. Misalnya :

<a href="http://kursus-blog.blogspot.com">Tutorial Blogspot</a>

Dari contoh diatas menunjukan bahwa URL yang menjadi tujuan link adalah http://kursus-blog.blogspot.com dan yang menjadi anchor text nya yaitu Tutorial Blogspot. Hasilnya, jika ditampilkan di web atau blog = Tutorial Blogspot.

Cara Membuat Link Terbuka di Jendela Baru

Setelah kita belajar dasar – dasar pembuatan link, sekarang kita belajar cara membuat link terbuka di jendela baru. Maksudnya? mungkin anda pernah mengalami ketika meng-klik suatu link, akan terbuka sebuah halaman baru dari web browser anda. Nah cara inilah yang saya maksud.

Untuk membuat link terbuka di halaman baru, caranya cukup simple aja. Dari kode dasar pembutan link diatas, kita cukup menambahkan attribute target dan menambahkan value _blank di dalamnya. Supaya lebih jelas, coba simak kode berikut :

<a href="url" target="_blank">Anchor Text</a>

Kode diatas merupakan contoh penerapan dari attribute target pada sebuah link. Sekarang kita terapkan kode tersebut ke dalam contoh pembuatan link.

<a href="http://kursus-blog.blogspot.com" target="_blank">
Tutorial Blogspot</a>

Hasil dari kode diatas adalah = Tutorial Blogspot. Coba anda klik link tersebut, maka akan terbuka sebuah jendela baru.

Cara Membuat Link pada Gambar

Untuk membuat link pada gambar, caranya simple banget tinggal tambahin aja kode HTML untuk menampilkan gambar yaitu tag <img> sebagai pengganti dari anchor text. Format nya sebagai berikut :

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

Kode yang saya tebalkan diatas merupakan kode dasar untuk menampilkan gambar. Lengkapnya semua kode diatas, merupakan kode dasar pembuatan link untuk gambar. Contoh penerapannya sebagai berikut :

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

Maka Hasilnya : Kursus Blog Mudahkan......??

OK! Panduan cara membuat link saya kira sudah cukup sampai disini (for a while). Mudah – mudahan bisa bermanfaat dan di pahami tentunya.

Jika ada pertanyaan, silahkan bertanya di kolom komentar.


171 komentar:

  1. thanx bgt nehh...bwt inFonya

    tukeran link yukkk!!!
    http://freelyrics-freshmusic.blogspot.com/

    BalasHapus
  2. oia... side bar ituw yang mana c??? Q mau naruh link-nya situs inie!!!

    BalasHapus
  3. mas blog saya tadinya PR 2,sekarang kok jadinya PR 0 ya mas,mohon informasinya and masukannya.thanks

    BalasHapus
    Balasan
    1. yang membuat Page Rank jadi turun karena anda memuat artikel yang jenisnya spam = seperti artikel porno, gambling atau judi, kejahatan, kekerasan

      Hapus
  4. @chaca : kayaknya sih, google udah melakukan update pr lagi. Sabar aja yaa.....

    BalasHapus
  5. makasi inponyaa..
    tapi kira2 kode2 ini bisa buat fs juga ga ya??

    BalasHapus
  6. mas mizwar..alamat mas yg di bawah ini untuk buat link gambar cara buatnya gimana..? apa diambil dari komputer kita sendiri..???http://mizwar.blog.googlepages.com/logo.gi

    BalasHapus
  7. si mas kemana ya...kok dari tadi malam ngak dijawab2 sihh...:-o

    BalasHapus
  8. nanya nich mas, kalo buat menu untuk tukar link gmn yach ?

    BalasHapus
  9. thx ya wat inpo2'nya...
    trzz, aq pgn tau caranya, biar kolom langganan feed bisa tampil semua, dan sejajar seperti punya km, plzzzz,thx b4

    BalasHapus
  10. yah mas qhu ga ngerti apa maksudnya dan cara buatnya ga paham coba mas blas ke aku dan balasannya sejenis canya gitu biar gampang. di (andrakross.blogspot.com)

    BalasHapus
  11. Trims mas atas tutorialnya, udah lama mencari baru dpt.

    BalasHapus
  12. Salam Kenal...

    Seluruh postingannya sangat bermanfaat bagi para bloger.
    Maka selayaknya anda dapat bintang (baca: Pahala)
    karena telah membagi ilmu yang bermanfaat.


    Thanks

    Purnadi

    BalasHapus
  13. bagi temen-temen saya mo minta tolong untuk keyword terbaik dari websiteku apa ya:www.indo-software.net.soalnya saya awam belum ngerti tolong ya plese..

    BalasHapus
  14. tanks ya tips nya

    BalasHapus
  15. sama juga aku mau tukaran link anak baru dan masih goblok membajak hasil bajakan orang lain =))
    main yaa http://shared-mp3.blogspot.com/

    BalasHapus
  16. http://www.team-investor.com/?id=leadertop

    BalasHapus
  17. http://www.team-investor.com/?id=leadertop

    BalasHapus
  18. gimana cara bikin URL tuk buat link?

    BalasHapus
  19. makasih buat infonya...
    top banget

    mau nanya nih...gimana caranya naruh link di blog untuk download lagu?

    BalasHapus
  20. Mas, sy mo nanya, andainya kita punya link! terus mau kita buat disidebar, nah mas.. sy cara buat di sidebar ra ngerti mas, tolong ya mas.. kalo bs lebih detail mas..

    BalasHapus
  21. thanks banget infonya boss. sangat membantu sekali nih

    BalasHapus
  22. mas miswar,, truz gimana caranya buat gambar link kita? balas ke email q di xtmxady@gmail.com sekalian backlink q ya...

    BalasHapus
  23. thanks alot, informatif sekali dan skrng saya ga gaptek lagi. oh ya mau tahu rekan2 sekarang ada bisnis top 2009 paling heboh, silahkan mampir di blog saya http://bisnis-top-2009.blogspot.com

    BalasHapus
  24. om miswar,nanya idem ky xtmxady..cara bikin gambar bt link kita gmn??kirim jg via emailku leescoot@yahoo.com..thx

    BalasHapus
  25. Buat yang mau tau cara buat link untuk gambar, silahkan baca cara buat link pada gambar

    BalasHapus
  26. O jadi begitu ya caranya buat link. . . Ternyata mudah sekali!
    Coba anda kunjungi esc-creation.com/scream

    BalasHapus
  27. O jadi begitu ya caranya buat link. . . Ternyata mudah sekali!
    Coba anda kunjungi esc-creation.com/scream

    BalasHapus
  28. belum bisa nieh bro... aku termasuk newbie.. dan baru hari ini bikin blog..

    tolong hubungi saya di hateforasomething@yahoo.com

    thx

    BalasHapus
  29. Infonya oke banget. Vinaka sara vakalevu!

    BalasHapus
  30. salam kenal mas...matur nuwun atas info2'ya berguna sekali buat sy yang masih pemula!

    BalasHapus
  31. Oke akan saya coba informasinya.
    Terima kasih banget y mas.
    www.produkuang.com
    jangan lupa d kunjungi.

    BalasHapus
  32. salam kenal,

    ni ada juga tutorial gratisan di YUPOCOM.COM

    semoga bermanfaat.

    BalasHapus
  33. asslmikum
    kak tlng dunk bntuin cra bikin link bwat
    posting d blog biar mudah.... ngebukanya...
    kan klo bkn posting lgi pasti kan gak da posting abis d bikin...d hlmn posting yg bru
    please tlng...
    e-mail:al_j4zir4h@yahoo.com

    BalasHapus
  34. kunjungan bos heehehe
    kok gak ada shouth box
    jgn lupa komentar g juga yaa >>> getsm0ney.blogspot.com

    BalasHapus
  35. @djsuhito ahmad: Waduh...ga ngerti tuh apa yang situ maksud
    @getsmoney : siip ditunggu aja ya

    BalasHapus
  36. mas gimana cara bikin link ni aku bingung pertama masuk kemana dan kedua kemana dan seterusnya tolong ya mas maklum masih belajar nih sekian trim................

    BalasHapus
  37. nas juga kirim artikel nya ya soal yahoo mix

    BalasHapus
  38. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  39. salam kenal..
    mau tanya,gimana caranya mau link itu seperti bila di klik pada "read more" contohnya keluar lg content nya yg seterusnya..bkn mau di link ke web tp mau link ke content sterusnya.
    bisa ngak?

    BalasHapus
  40. aq yang g bisa itu bikin kotak komentar kyk gni gmn ya caraY???klo blh kasih tau yg lengkap ya lwt e-mail ku.indra@yahoo.com

    BalasHapus
  41. makasih infonya:)

    BalasHapus
  42. saya dah bikin kode URL di photobucket
    tp ko yoo ga bisa dipasang gitu kang mizwar
    why ??

    BalasHapus
  43. Mas Miswar, saya mau tanya cara membuat link upload di blog...dgn maksud pembaca blog kita bisa mengirim(meng-upload)file data lewat Blog kita dan langsung terkirim ke email kita (admin)...tolong informasi caranya...terima kasih ...dr Andy(xxan_dyxx@yahoo.com)

    BalasHapus
  44. mas saya udah pasang link mas di blog saya ( www.sehat68.blogspot.com )saya tunggu link back nya!!!!

    BalasHapus
  45. halooo brooo....

    ak msih bingung ni ngeblog...

    mnta tlngnua ya... mkch...

    BalasHapus
  46. ass.
    kang, mo tanya nehh.
    gimana masukin or posting artikel ke dalam link yang telah di buat seperti cara di atas.
    tolong dibantu lagi belazar euyyyy.
    thaks berat
    wass.

    BalasHapus
  47. Asalamualaikum,,,X
    pak saya mau bikin tabel dalam blog tapi caranya bgaimana? dan saya mau bikin forum pendaftaran tapi saya tidak tau caranya?

    BalasHapus
  48. Makasih Kang infonya

    http://gohonto.blogspot.com

    sangat bermanfaat banget...

    BalasHapus
  49. Mas saya ingin buat menu halaman ? gimana caranya


    http://uangpanas-dedah.blogspot.com

    BalasHapus
  50. mas klo buat link yg diatas seperti kaya punya mas yg tulisannya HOME,KANG MIZWAR, HEALTHY INFO itu gmn?

    BalasHapus
  51. OK Mas... Bagus banget info-e.... Karena Quda pasang linknya mas, tlong pasang juga link saya yach... Mkasih.... Salam knal...==beck==

    BalasHapus
  52. wah..bagus banget infonya...mohon backlink nya aku dah ngelink boleh dicek deh di http://haribaru08.blogspot.com

    BalasHapus
  53. Ajarin cara bikin kotak link donk kok saya bikin gak munculnya, cara tsb diatas hasilnya gak muncul kotak linknya tolong di bantu

    BalasHapus
  54. makasih ea buat ilmunyaa!!!
    keren bangetttttttt dech!!!!1111

    BalasHapus
  55. Makasih info nya bro salam kenal..pada mampir ke blog bisnis ku yak..

    BalasHapus
  56. aku minta back linknya yaaaa, makasih untuk infonya, ajak teman 2x masuk ke blogku ya
    http://belajarprogram.zoka.cc

    BalasHapus
  57. Terimakasih atas info, sebelum pusing mggak tahu caranya

    BalasHapus
  58. duh...makazi banget..nget3....sbelumnya bingung caranya...nih cara praktizz..bener!!!

    BalasHapus
  59. haduh..akhirnya saia nemuin juga panduan praktis buat ngutek-ngutek blog saia..
    makasih banget ya mas..

    BalasHapus
  60. mas KB kek mana cara nya kita ambel duet yg dah ada d ziddu.com...tlng ya mas..kasih tw cara nya....makasih mas

    BalasHapus
  61. mas,kalo file pdf mau dibuatkan linknya gmana? tlg ya mas,..infonya bs dikirim ke pho_spidy@yahoo.com,tq b4..

    BalasHapus
  62. itu ditaruh dimana mas. . .???mohon informasinya karena saya baru belajar

    BalasHapus
  63. posting yang bagus tadinya saya bingung gimana bikin link di posting...saya baru ingat ternyata kursus blog punya posting yang bagus untuk belajar ngeblog....sukses selalu dan jangan bosan memposting artikel yang bermanfaat bagi kita semua...apalagi di bulsn puasa pahalanya berlipat ganda amin.....

    BalasHapus
  64. Thanks mas, atas info2nya, artikelnya mantap, bahasanya sderhana, smoga menjadi amal ibadah yg pahalax besar amin.

    BalasHapus
  65. Makasih infonya ya...
    sangat bermanfaat untuk pemula sperti sya.
    sukses selalu.

    BalasHapus
  66. nice blog,..infonya sangat membantu,.

    BalasHapus
  67. thank atas infonya. kalo ada teman2 yang ingin pesan Jaket Motor Bikers murah, coba kunjungi www.jaketmotormurah.blogspot.com ... thanks.

    BalasHapus
  68. makasih mas tas info nya jd agk paham aq sekarang...... sekali lagi makasih ya :)

    BalasHapus
  69. mas link (daftar) yg sy pasang klo di klik kok ga bs terbuka di jendela baru knapa ya??
    sdh sy cb utak atik kok tetep ga bs......
    tlg ya mas...

    BalasHapus
  70. ajip..........
    keran guru.. makasih ilmunya ea...

    BalasHapus
  71. link mas uda ada.......
    ini link saya...
    http://emielblog.blogspot.com
    xie...xie

    BalasHapus
  72. Setelah di tulis...gimana caranya...maksudnya g di daftar lagi di paman google ya seperti add url gitu....? jawab ya

    tukaran link ya...
    http://ruliyadiarman.blogspot.com
    dan berikan comentnya ya...makacih

    by.ruliyadi

    BalasHapus
  73. cara membuat background gimana?

    BalasHapus
  74. Postingan yang Bagus sekali, makasih ya
    Kalau Boleh Tukaran Link
    http://sonson-sebuah-catatan.blogspot.com
    http://gamegratislembang.blogspot.com

    Makasih ya

    BalasHapus
  75. thaxs bro wat ilmunya ............

    BalasHapus
  76. Cara buat link postingan buat ditaruh dimenu gimana ya?? Mohon ilmunya dong..

    BalasHapus
  77. Thanks infonya
    sangat berguna untuk newbie seperti saya mas
    ...langsung take action
    http://bakulpulsaku.blogspot.com

    BalasHapus
  78. Permisi
    http://fans-club-naruto.blogspot.com/

    BalasHapus
  79. sip bgt bos boleh ta coba lansung

    BalasHapus
  80. mas, kalau cara menampilkan link blog kita di yang dapat dicopy codenya, agar dapat di tempel di blog lain gimana caranya mas? thx

    BalasHapus
  81. Terima kasih untuk imformasi nya...

    dah di coba bisa kok lihat aja diblog saya http://yobelcool.blogspot.com

    BalasHapus
  82. makasih atas infonya, oia klo sya bwat link ke blog nih, gmn bleh ga???

    BalasHapus
  83. terimakasih atas informasinya yang sangat bermanfaat sekali...

    BalasHapus
  84. Makasih atas infonya mas...
    mampir di blog ku ya...

    BalasHapus
  85. Gmn y caranya ganti nama/judul pada Akun blog?

    BalasHapus
  86. tenks infonya mas, sangat berguna buat saya

    BalasHapus
  87. tukaran link

    http://www.hendri-tkj.co.tv

    BalasHapus
  88. makasih infinya mampir juga Kesini yah

    BalasHapus
  89. thanks bgt mas,,,,
    saya doain msuk syurga,,,

    BalasHapus
  90. wah oke juga triknya bos...q coba dulu boss...klau eror tanggung jawab ya heeee....

    BalasHapus
  91. gini om...mksud saya..gini...
    bagaimana membuat link HTML di belakang nama website
    coptoh: http://kursus-blog.blogspot.com/2008/06/cara-buat-link.html

    html nya yang saya tanya..

    cika

    BalasHapus
  92. makasih banyak kang,
    saya jadi banyak belajar dari blog ini,,
    maklum saya masih baru dalam dunia blogging,,
    kalau sempat mampir di blog saya,


    http://yulindomandalaputra.blogspot.com/

    BalasHapus
  93. Kaos pilkada: Waduh hebat infonya, sebagai pemula cukup memberikan petunjuk, Trimakasih

    BalasHapus
  94. thx mas,,

    mas tukeran link yuk mas,,,

    BalasHapus
  95. ilmunya berguna. dan kepake sepanjang ada internet nih.. makasih.

    BalasHapus
  96. tnks mas ats info pembustsn link
    tingkat kan
    tukeran link yukkkkkkk mas
    bay dwi supra

    BalasHapus
  97. Artikelnya sangat bermanfaat
    Thx infonya gan...

    BalasHapus
  98. makasih gan ilmunya, jadi bertambh ilmu saya, maklum bru belajar bikin blog.....silah mampir di edokumen.blogspot.com

    BalasHapus
  99. oke makasih banyak bos atas informasiny

    BalasHapus
  100. mampir ke tempat saya y

    http://valembank.blogspot.com/

    BalasHapus
  101. gmana sih cara buat buku tamu, home yang bisa di klik di atas tengah tengah itu.........???

    BalasHapus
  102. Makasi gan info,a
    ternyata mudah,tapi aku belom nyoba.Makasi gan info,a
    ternyata mudah,tapi aku belom nyoba.

    BalasHapus
  103. yes akhirnya sukses makasih sob,bleh tw gimana caranya tukeren link dengan blog ini? tmen tmen ayo kita tukeren link silahkan kunjungannya di blog saya bagaskara-vaidika.blogspot.com terima kasih

    BalasHapus
  104. kalo pake blogbrol gmn mas? apa bedanya link sama blogbrol?

    BalasHapus
  105. Waduh gimana yah setelah semua dijalanin ko mengacu untuk buka blog anda yang bener ah kalau ngasih tau itu?

    BalasHapus
  106. Cara Membuat Link Terbuka di Jendela Baru
    Gan kalau buat link di forum gimana...

    BalasHapus
  107. Thank's Master...
    Valuable..

    get me @averoz-ku.blogspot.com

    BalasHapus
  108. bussett nih dia yang gua cariii..
    hahahaha
    makasih gan
    http://peace-reggae.blogspot.com/

    BalasHapus
  109. telat gabung nie

    thank infonya

    BalasHapus
  110. MANTAP GAN INFONYA
    mampir balik ya gan ke blog ane..itung2 bantu ane.., klik...Letusan Gunung Api Terdahsyat Dalam Sejarah

    BalasHapus
  111. ok makasih atas infonya; sangat bermanfaat buat saya

    BalasHapus
  112. thankz gan..nambah ilmu nie untuk buat link

    BalasHapus
  113. mantap........ "like this yo (y)
    www.sundawi.com/

    BalasHapus
  114. Thanks Boss, Mo nanya nich Caranya buat Link
    sudah ngarti, sekarang caranya masukkan artikel
    postingnya di Blogspot lewat pengaturan mana ya, misal kalo kita klik kita menuju artikel isi link tsb.
    Ditunggu balasannya ya..

    BalasHapus
  115. ommmmmmmm aku pas udah jadi dibuka malah page not found aaaaaa :(
    gimana sih? qlo bikin link gitu aku ngerti.. soal na blog sekarang udah ada toolbar na, tinggal klik ajah.. tapi disuruh masukin link web atau email gitu..
    qlo aku mau bikin postingan baru tapi di jendela baru na gimana om? (jendela sebelum na dalam bentuk link)

    Pertanyaan ku sama kayak Admin Pulsa.. hihi ^^

    BalasHapus
  116. Info yang menarik sob. Salam sukses

    BalasHapus
  117. makasih banyak atas semua info nya gan,,,,

    BalasHapus
  118. Mau taya bro! Untuk membuat link antara menu 1 dan yang lainnya berkaitan di blog gimana ?

    BalasHapus
  119. bikin link bisa tapi untuk keterangan link sendiri bagaimana ya? apa kudu harus buat blog lagi apa ada kode html? mohon bantuannya

    BalasHapus
  120. izin share mkasih infonya gan

    BalasHapus
  121. keren banget gan infonya,, bisa dijadikan ilmu pemberlajaran ini untuk blog ane yang ini Ilovegembong.blogspot.com biar bisa menghasilkan juga..hehe

    ditunggu kunjungan baliknya ya,,,:)

    BalasHapus
  122. cara bikin URL giamana sih mohon bantuan nya,maklum pemula,hehehe

    BalasHapus
  123. bagus banget infonya, izin praktek ya gan
    Hadi Mafatih

    BalasHapus
  124. Maturnuwun sharingnya, arikelnya sangat bermanfaat sekali khususnya buat aku yang baru belajar, thanks gan

    BalasHapus
  125. mantapss :D
    apa lagi di pakein gaya ya kan :D

    a:visited, a:link{color:#000;}
    a:hover{color:#777;}
    a:active{position:relative;top:2px;}

    BalasHapus
  126. tidak ada kata TERLAMBAT untuk belajar
    sukses selalu
    Nice Info..........

    http://saputrocorner.blogspot.com/

    BalasHapus
  127. Maturnuwun n many thanks sharingnya gan

    BalasHapus
  128. thanks gan sudah mau berbagi infonya...

    BalasHapus
  129. bro... ko blog ku typ di klik selalu muncul di jemndela atau tab baru gmn carax biar muncul di jendela atau tab tu sendiri.. susah ne.. pdahal sudah standar... bongfirman.blogspot.com

    BalasHapus
  130. Kak aku masih belum mengerti maklum aku newbie aku gak ngerti caranya ngasih link blog seperti tuker 2 ran link tu loh...
    Trimakasih tolong bantuannya

    BalasHapus

blogger