Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com

Dasar-dasar Pembuatan Link

Bagi seluruh blog di dunia, link adalah suatu hal yang sangat penting. Dan untuk mengisi link, kamu harus menambah tag html untuk merujuk pada alamat link tertentu, misalnya ke alamat link teman kamu atau link situs web lain. Sebagai petunjuk untuk memahami teknik pengeditan link, pada dasarnya susunan kode html untuk link tampak seperti berikut ini:

<a href="http://URL">TEXT</a>


  • Kata yang berwarna hijau diganti dengan alamat situs yang dituju (URL), URL ini bisa diisi dengan alamat situs web maupun alamat email.

  • Kata yang berwarna merah merupakan baris teks yang akan tampil di halaman web mewakili link (untuk diklik pengunjung).
Nah, contoh suatu link juga bisa diperhatikan seperti berikut ini:
<a href="http://die-silver.blogspot.com">ardi33</a>
Hasilnya pengunjung akan dibawa ke halaman situs die-silver.blogspot.com jika melakukan klik pada tampilan teks ardi33. Untuk membuat sebuah link agar pengunjung dapat langsung mengirimkan email, ubah bagian kode:
http://URL
dengan link alamat email kamu, dengan mengubah bagian tadi dengan susunan begini:
mailto:email_k@mu.com
Dan selengkapnya begini lhoo:
<a href="mailto:diesilver33@gmail.com">Emailku!!</a>
Nah, selain itu, kamu dapat menambahkan tag agar sebuah link akan membuka jendela browser baru (tidak menumpuk tampilan jendela aktif) saat diklik. Kamu cukup menambahkan tag target="_blank" setelah tag <a. Dan selengkapnya begini:
<a target="_blank href="http://die-silver.blogspot.com">ardi33</a>

Oh, sampai lupa yak. Kalo kita mau nambahin gambar pada gambar gimana yaa? Hehe... gampang koq. Tinggal nambahin tag <img src="URL"> di antara <a ...></a>. Sebagai catatan, gambar biasanya digunakan untuk mengganti baris teks yang mewakili link. Tapi bisa juga baris teks tersebut tidak dihilangkan. URL yang terletak pada <img src diisi dengan URL gambar yang disimpan. Untuk contoh yaitu ini adalah contoh link yang tidak menggunakan baris teks:


<a href="http://die-silver.blogspot.com/"><img src="http://site.google.com/home/cabinet/orangganteng.jpg"></a>

Untuk yang berwarna merah adalah URL link yang dituju dan yang berwarna hijau adalah URL host gambar yang akan tampil. Selanjutnya berikut ini adalah contoh link yang tetap menggunakan baris teks untuk melengkapi gambar:
<a href="http://die-silver.blogspot.com" target="_blank"><img src="http://img159.imageshack.us/img159/6023/tulis.gif" ><br/>ardi33</a>

Untuk yang berwarna merah adalah link yang dituju dan yang berwarna hijaun adalah URL host gambar yang akan tampil. Huff, akhirnya kelar juga niih. :D semoga bermanfaat ya semuanya!!! Bubye pada posting berikutnya.







Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com
Gunakan Tombol berikut untuk menyimpan halaman :
Dasar-dasar Pembuatan Link
menjadi format PDF dan lebih maksimal jika terdapat kesalahan koneksi atau yang lainnya.

..::Artikel Menarik Lainnya::..

6 comments:

iskandaria April 21, 2009 at 4:31 PM  

Tambahan lagi mas, mungkin bisa dibuat juga tutorial tentang bagaimana membuat sebuah link yang ketika disorot oleh mouse akan bergaris bawah, berubah warna, atau menjadi tebal.

Itu berhubungan dengan istilah 'link hover'. Pasti udah tau kan? Cara mensettingnya yaitu dengan sedikit memodifikasi kode css pada kolom edit html (untuk blogger atau blogspot).

Gratisan April 21, 2009 at 5:17 PM  

Wah artikel yang bagus sob
selama ini gw cuman tau pake doang, tapi gak tau artinya heheheh
makasih sob :)

Regards,
Ghustie Samosir
www.hanyainfo.blogspot.com

percetakan24jam April 22, 2009 at 2:02 AM  

bos ane bisa tuker link banner ga?biar ane nambah keren ada linknya boss.... :D

IjoPunkJUtee April 24, 2009 at 12:01 AM  

Eits, dapet tips baru lagi neh....,
Selama ini link yang ku buat ketika diklik selalu nutup halaman blogku, ternyata begini toh caranya...

BTW Thanks tuk header kreasimu...dah tak pasang, dikecilin gak pa2 kan...???Cuma ngambil layout biar di tengah piye carane Bro...???

Wisata SEO Sadau May 9, 2009 at 8:23 PM  

mantaaabb deh sampe bikin artikel dasar nya... keep share bos

THE DODOL June 24, 2009 at 3:35 PM  

makasih ya...ardi..salam kenal..

Post a Comment

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia.

Jika anda tidak punya blog/website, kolom URL boleh dikosongi atau dapat juga diganti dengan email anda.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini tidak akan ditanggapi. Lebih baik anda gunakan pilihan dibawah ini:

Jika ingin komentar anda tidak dipublikasi, silahkan klik disini.

Terima kasih, komentar anda sangat berarti untuk die-silver.blogspot.com
:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:

newer post older post home

About Me

My Photo
ardi33
Sangat bercita-cita menjadi seorang webmaster yang selalu dapat memberikan yang terbaik dan bermanfaat kepada semua orang, dan sekarang sedang dalam tahap pembelajaran yang tak kenal lelah!!!
View my complete profile

Stats

Blog Rank:Powered by  MyPagerank.Net
Traffic Rank:Alexa Certified Site Stats for http://die-silver.blogspot.com
Online Visitor:
Blogger Template by Ardi33.Web.id.
Originally Die Silver Template Edited by TemplateZone