Cara Membuat Link di Blog

 
Oleh
Secara umum link atau tautan merupakan sebuah url yang menuju pada alamat website tertentu. Pada awalnya link mengarahkan pembaca untuk melakukan navigasi pada halaman situs tersebut atau merujuk pada referensi diluar situs. Lama kelamaan kegunaan link menjadi lebih luas lagi, digunakan sebagai sarana promosi baik berupa link gratis maupun berbayar. Tidak jarang informasi yang ditawarkan dalam sebuah link mungkin tidak berkaitan sama sekali dengan topik yang dibahas. Bentuk link gratis adalah link yang dibuat oleh para komentator artikel sedangkan bentuk link promosi berbayar disediakan oleh penyedia jasa iklan seperti google adsense, bidvertiser, kumpulblogger, adsensecamp dan lain sebagainya.


Berikut ini ada lima dasar cara membuat link di blog :


1. FORMAT LINK STANDAR


Oke kita kembali lagi ke topik cara membuat link pada blog. Aturan untuk membuat link secara sederhana adalah sebagai berikut :

<a href="http://www.namadomain.com/namahalaman.html" >judul</a>

Sebagai contoh, misalkan ingin menambahkan link pada blog anda alamat ke situs www.aimyaya.com maka link tersebut dapat berupa :

<a href="http://www.aimyaya.com" > aimyaya dot com</a>

Tampilannya berupa :

aimyaya dot com
 

atau misalkan anda ingin menambahkan link ke alamat halaman ini maka kode HTML yang bisa anda buat adalah :

<a href="http://www.blog.aimyaya.com/2014/10/cara-membuat-link-di-blog.html" > Cara Membuat Link Pada Blog </a>



Tampilannya berupa :

Cara Membuat Link Pada Blog

2. MEMBUKA LINK PADA JENDELA BARU

Setelah berhasil membuat link, terkadang kita tidak ingin pengunjung menutup atau mengganti halaman/tab yang sedang menampilkan artikel kita, jadi dibutuhkan tab atau jendela baru untuk menampilkan halaman lain agar dapat bekerja secara paralel antar kedua jendela tersebut. Untuk membuat link yang di klik pengunjung dibuka pada jendela atau tab baru maka link yang sudah kita buat kita tambahkan dengan target="blank" pada bagian open tag nya. Sebagai contoh lihat link berikut :

<a target="blank" href="http://www.aimyaya.com" > aimyaya dot com</a>

Meskipun tampilannya sama dengan yang sebelumnya, tapi jika anda klik link berikut maka akan ditampilkan pada tab/jendela baru:

aimyaya dot com
 

3. CARA MEMBUAT GAMBAR/IMAGE MENJADI LINK

Selain teks, kita juga bisa membuat link dari gambar. Jadi ketika pengunjung meng-klik gambar tersebut maka akan langsung dibawa ke alamat yang ada pada link. Format sederhana untuk membuat link pada gambar adalah mengapit kode html untuk gambar yang tampil dengan tag a seperti contoh diatas.

<a href="http://www.namadomain.com/namahalaman.html" >

<img src="url_gambar" alt="deskripsi_gambar" />
</a>

Kita juga biasa menambahkan target="_blank" untuk membuka di jendela baru. Contoh praktek untuk menambah link pada gambar dapat dilihat sebagai berikut :

<a target="_blank" href="http://www.aimyaya.com " >

<img src="http://aimyaya.com/images/cara/www_aimyaya_com.jpg" alt="aimyaya dot com link" />
</a>

Tampilan kode tersebut di website dapat dilihat di bawah ini. Bila anda klik gambar tersebut maka akan muncul jendela/tab baru yang menampilkan http://www.aimyaya.com:

aimyaya dot com link

Bila anda ingin mengetahui lebih jauh tentang bagaimana menampilkan gambar di website/blog, sebaiknya lihat juga cara cepat menampilkan gambar di website/blog

4. CARA MENGGANTI WARNA LINK

Secara default/bawaan warna link adalah biru. Kita bisa mengganti warna tersebut dengan warna lainnya sekehendak hati kita. Format untuk mengganti warna adalah cukup dengan menambahkan style="color:kodewarna" pada tag a. kode warna bisa red, green, blue, yellow , atau kode RGB milik kita sendiri seperti #ee3322; Sebagai contoh kita akan mengganti link menjadi beberapa warna:

<a target="_blank" style="color:#ee0000;" style="color:green;"> href="http://www.aimyaya.com" >Merah </a>

<a target="_blank" style="color:#00ee00;" style="color:green;"> href="http://www.aimyaya.com" >Hijau </a>

<a target="_blank" style="color:#0000ee;" style="color:green;"> href="http://www.aimyaya.com" >Biru </a>

Hasil tampilan kode tersebut adalah:

Merah
Hijau
Biru


5. CARA OTOMATIS MENAMPILKAN BAGIAN TERTENTU DARI HALAMAN WEBSITE/BLOG

Karena artikel yang dibuat panjang, kita perlu menambahkan navigasi untuk pengunjung agar langsung menuju ke topik yang dikehendaki. untuk hal semacam tersebut kita harus membuat / mengetahui terlebih dahulu “ bookmark “ yang ada di halaman website. Format kode untuk membuat bookmark adalah sebagai berikut :

<a id="nama_bookmark" > teks/isi di website </a>

Sebenarnya ada dua cara, yakni menggunakan atribut id dan atribut name . Tapi untuk kompatibilitas maka sebaiknya gunakan saja atribut id . contoh penggunaannya adalah sebagai berikut :


<a id="formatstandar" >
<b>FORMAT LINK STANDAR</b>
</a>

Hasilnya anda dapat dilihat sebagai berikut :

FORMAT LINK STANDAR
 

Pada tampilan diatas tidak terlihat garis bawah/underline seperti yang tampak pada link, karena memang tulisan tersebut bukan sebuah link, tapi merupakan tanda sebuah bookmark. Untuk menuju pada bookmark tersebut kita harus menggunakan atribut href seperti saat kita membuat link, tetapi bookmark yang dituju kita sebutkan namanya. Format penulisannya :

<a href="#namabookmark" > teks keterangan bookmark </a>



Harus diingat, pada nilai atribut href kita harus tambahkan tanda “ # ” (kres/pagar) yang menunjukkan bahwa itu adalah bookmark. Sebagai contoh kita akan mengakses bookmark formatstandar , maka kode HTML yang harus ditulis :


<a href="#formatstandar" >
<b>Silahkan menuju format standar</b>
</a>

Tampilannya adalah :

Silahkan menuju format standar

Bila anda klik link tersebut maka akan menuju ke bagian dimana terdapat bookmark formatstandar. Teks yang berada pada bookmark tersebut akan berada pada baris paling atas dari jendela browser anda


 

Tips Membuat Link di Blog

  • Untuk mengatur warna link juga bisa dilakukan melalui CSS
  • Selain cara manual, anda juga bisa menggunakan tools / alat bantu pembuatan link yang sudah disediakan oleh blogger, wordpress, atau editor text lainnya. Meskipun demikian, cara pembuatan manual tetap harus anda ketahui agar anda bisa membuat link komentar pada blog yang anda kunjungi saat “blog walking”
 

Terima kasih telah membaca Cara Membuat Link di Blog. Semoga bermanfaat.

Pengunjung aimyaya dot com, terima kasih atas kunjungan anda pada website kami.
Bila anda suka berikan klik "like" pada facebook fan page kami
 

 
dan/atau bila anda merasa artikel ini bermanfaat maka bantu promosikan dengan klik Google di bawah ini :
 

 
TIDAK DIPERKENANKAN MEMPERBANYAK baik secara OFFLINE(print out, cetakan, dsb) maupun ONLINE (blog, artikel, dsb) tanpa seizin aimyaya dot com.
 
Informasi lebih lanjut baca halaman Disclaimer serta Kebijakan dan Privasi yang kami buat.