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

Trik Blog

• Masalah Pada Kotak Komentar
• Memberi Penomoran Pada Daftar yang Ditulis
• Editor Baru untuk Posting di Blogspot
• Mengganti Tulisan Read More dengan Gambar
• Cara Mengembalikan Blog yang Terhapus
• Cara Setting Domain Berbayar di Blogspot Tanpa Hosting
• Cara Membuat Status YM Sendiri
• Cara Membuat Read More Menggunakan Span-id
• Cara Memasang Emoticon di Atas Kotak Komentar
• Hosting Gratis 000webhost.com Mengalami Problem
• Cara Membuat Spoiler di Blog
• Cara Memasang Gadget Online Visitor
• Cara Berkomentar yang Baik dan Benar
• Membuat Menu Dropdown Dan Variasinya
• Pasang Alert di Blog Sebagai Pesan Penutup
• Cara Memodifikasi Tulisan PAda Blog
• Cara Membuat Daftar Isi Pada Blog
• Cara Membuat Tabel Pada Blog
• Mempercantik Tampilan Judul Posting pada Label
• Membuat Huruf Posting Bergaya Koran
• Cara Pasang Statistik dan Tracker
• Cara Menampilkan Recent Comments
• Cara menghilangkan Tang dan Obeng
• Memodifikasi Tampilan Artikel Berlangganan Feedburner
• Memasang Widget Artikel Terkait/Related Post pada Blog

Blog

• Berhenti Berharap pada Die-Silver
• Masalah Pada Kotak Komentar
• Design Elements of a Blog
• Optimasi Blog dan Link Teman-Teman
• Editor Baru untuk Posting di Blogspot
• Cara Setting Domain Berbayar di Blogspot Tanpa Hosting
• Hosting Gratis 000webhost.com Mengalami Problem
• Cara Membuat Spoiler di Blog
• Cara Memasang Gadget Online Visitor
• Cara Berkomentar yang Baik dan Benar
• Membuat Menu Dropdown Dan Variasinya
• Cara Blogwalking yang Benar Ala Die-Silver
• Cara Menampilkan Adsense di Blog Berbahasa Indonesia
• Memasang Widget Top Komentator
• Membuat Link Berkelip/Pelangi
• Cara Buat Kotak Link Exchange
• Membuat Kotak Komentar di Bawah Postingan
• Cara Membuat Kotak Blogroll
• Membuat Judul Blog Berjalan
• Daftar Blog DoFollow
• Google Update Pagerank
• Cara Menghilangkan Menu Navigation Bar
• Membuat Widget Chat Box untuk Pemula
• Cara Menampilkan Recent Post (Postingan Terbaru)