Cara Membuat Link

<img src="link.jpg" alt="Cara membuat link">
Sebenarnya sih saya malu untuk membuat postingan seperti ini, masak memasang link aja tidak bisa, kan lucu *begitu kata master-master, tapi ya tidak apa-apa lah toh ini postingan juga buat para NEWBIE seperti saya ini, kok malah jadi banyak bacot ne GAGAJE,*hehehe  , ok langsung di simak ya.

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... Lest Go.

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. Contoh :


<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.
Ok gagaje akan tunjukan bagaimana membuat suatu link. Misalnya :

<a href="http://gagaje.blogspot.com">Tutorial Blogspot</a>

Dari contoh diatas menunjukan bahwa URL yang menjadi tujuan link adalah http://gagaje.blogspot.com dan yang menjadi anchor text nya yaitu Tutorial Blogspot. Hasilnya,

Tutorial Blogspot.

Cara Membuat Link Terbuka di Jendela Baru
Nah udah mulai tercerahkan bukan,sekarang kita belajar cara membuat link yang apabila di klik maka akan terbuka jendela baru. Maksudnya? mungkin anda pernah mengalami ketika meng-klik suatu link, maka akan terbuka sebuah halaman baru dari web browser anda. Nah itu dia tu yang saya maksud.

Untuk membuat link terbuka di halaman baru, caranya cukup mudah . 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://gagaje.blogspot.com" target="_blank">Tutorial Blogspot</a>
Maka hasilnya akan seperti ini.

Coba di klik Tutorial Blogspot. Maka akan muncul jendela baru yang membuka link tersebut.

Cara Membuat Link pada Gambar
Untuk membuat link pada gambar, caranya juga mudah 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://gagaje.blogspot.com">
<img src="http://3.bp.blogspot.com/-oCovxrEdmuM/UVfxj6zCtJI/AAAAAAAAADs/pcYex6DF2LU/s1600/Logo+gagaje.blogspot.com.png"></a>

Maka Hasilnya : ; Mudahkan......??

OK! Sekarang udah pada tercerahkan bukan, mungkin sampai di sini dulu ya untuk cara pembuatan linknya, selamat berkreasi.
Share this article :

 
Reactions:  

11 comments :

  1. saya mau tanya kalau membuat link untuk membuka gambar, tapi gambar itu tdk terbuka di browser melainkan terbuka di program seperti picasa carnya bagai mana ??? moho bantuannya

    ReplyDelete
  2. Good job! Makasih ya, jadi nambah ni ilmu gue

    ReplyDelete
  3. Akhirnya nambah ilmu juga, terima kasih gan... Salam blogger dari TuToRiAl GaMe CaShFlOw.. :)

    ReplyDelete
  4. saya masalahnya setiap buat anchor teks tp hasilnya link not found trus...knp y

    ReplyDelete
  5. Makasih Atas Infonya, Semoga Bermanfaat

    ReplyDelete
  6. GUDANG303 AGEN BOLA ONLINE MASTER BETTING TERPERCAYA

    AGEN SBOBET
    AGEN BOLA ONLINE
    BOLA ONLINE
    AGEN BOLA
    AGEN JUDI
    BOLA ONLINE
    REGISTER GUDANG 303
    DEPOSIT GUDANG303
    WITHDRAW GUDANG303
    PERATURAN GUDANG 303
    BONUS GUDANG303
    LIVESCORE GUDANG 303
    PREDIKSI GUDANG 303
    LINK ALTERNATIF
    http://bonusgudang303.blogspot.com
    http://167.114.137.238/~g303net/

    Prediksi Bola terbaru

    http://198.50.133.243/prediksi-everton-fc-vs-manchester-united-fc-17-oktober-2015
    http://198.50.133.243/prediksi-new-england-vs-montreal-impact-18-oktober-2015
    http://198.50.133.243/prediksi-ac-milan-vs-juventus-19-oktober-2015
    http://198.50.133.243/prediksi-swansea-city-afc-vs-stoke-city-fc-20-oktober-2015

    ReplyDelete

  7. Selamat datang di www.Gudang303.com
    http://198.50.133.243 (www.Gudang303.com) merupakan Master Agen Betting yang AMAN dan Terpercaya dengan Pelayanan Costumer service yang ramah

    dan siap 24jam, serta banyak menyediakan Bonus-bonus menarik untuk anda para pecinta betting.

    -PROMO 20% DAN 30% UNTUK MEMBER BARU SPORTBOOK GUDANG303
    -PROMO ROLLINGAN 1,25% dan 1,35%
    -PROMO 10% UNTUK MEMBER BARU ALL CASINO GUDANG303
    -PROMO ROLLINGAN 1% UNTUK ALL CASINO
    -PROMO 30% BOLA TANGKAS ( TANGKASNET, TANGKASNET99 & TANGKAS88 )
    -PROMO SETIAP DEPOSIT 20% GUDANG303 (TANGKASNET, TANGKASNET99 & TANGKAS88 )
    -PROMO CASHBACK SAMPAI 10% ALL GAMES
    -PROMO ROLLINGAN 2% ASIAPOKER77

    NB : SYARAT DAN KETENTUAN BERLAKU

    Agen Judi – Agen SBOBET –Agen Bola

    [Sbobet] [Ibcbet] [338a] [Asia8bet] [AsiaPoker77] [1Scasino]

    Ayo Segera Bergabung dengan Gudang303 dan pastikan anda pelayanan yang ramah dari CS kami Serta nikmati Promo Bonus dari Gudang 303 ::

    198.50.133.243Bergabung dengan Komunitas Facebook kami dan dapatkan info promo serta bonus terbaru dari kami Join Fans Page Gudang303

    Call : +855977559903
    Sms : 081291111303
    BBM : 2B835CC4
    Ym : cs1_gudang303
    Link Alternatif : http://www.gudang303.net
    http://bonusgudang303.blogspot.com

    ReplyDelete

1. Berkomentarlah dengan sopan.
2. Silahkan membuka Lapak tetapi tidak dengan menyertakakn Link Hidup, jika di temukan link HIDUP maka otomatis akan terhapus.
3. Komentar yang berbau sara / pornografi akan saya hapus.
4. Mari budayakan Komentar dengan menggunakan Bahasa Ibu.

 
Support : GooglePing | Ping-o-Matic | Alexa
Copyright © 2013. Gagaje.blogspot.com - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger