Improve Your Skill

Sebelumnya saya sudah menulis artikel tentang Cara Mengubah Warna Link.
Nah, ini merupakan pengembangannya. Yaitu Cara Membuat Aneka Link. Ada beberapa cara membuat link di blog atau situs. Bisa dengan HTML atau Javascript. Dan link tadi ada variannya, misal link yg terbuka di window yang sama saat di klik, link yg terbuka di window baru saat di klik, link dengan gambar, link yang didekati cursor terbuka sendiri, link yang membuka dua halaman situs ketika di klik, link dofollow, link nofollow dan sebagainya.

Langsung saja, link biasa :
<a href="http://andreanf-zero.blogspot.com">Andreanf-Zero</a>
Contoh : Andreanf-Zero

Link yang terbuka di halaman baru / tab baru :
<a href="http://andreanf-zero.blogspot.com" target="blank">Andreanf-Zero</a>
Contoh : Andreanf-Zero

Link dengan gambar :
Contoh :

Cara nulis Link dengan javascript :
<a href="" onclick="window.open('http://andreanf-zero.blogspot.com'); return false;" rel="nofollow" style="cursor: pointer;" target="_blank" title="Andreanf Blog">Andreanf-Zero</a>
Contoh : Andreanf-Zero

Link terbuka sendiri saat didekati cursor:
<a href="http://andreanf-zero.blogspot.com" onMouseover="window.location=this.href">Andreanf-Zero</a>
Contoh : Andreanf-Zero

Link dengan petunjuk text :
<a href="http://andreanf-zero.blogspot.com" title="Blog Andrean">Andreanf-Zero</a>
Contoh : Andreanf-Zero

Link dengan decorasi :
<a style="color:red;padding:4px 14px;background:#f1f1f1;border:1px dotted #dcdcdc;" a href="http://andreanf-zero.blogspot.com">Andreanf-Zero</a>
Contoh :

Andreanf-Zero

Link yang berkedip :
<a href="http://andreanf-zero.blogspot.com"><blink>Andreanf-Zero</blink></a>
Contoh : Andreanf-Zero

Buat link berubah warna saat didekati kursor :
tambahkan CSS berikut :
a:link{color:orange;}
a:hover{color:red}

Satu link 2 halaman situs :
<a href="http://andreanf-zero.blogspot.com" target="_blank" rel="nofollow"
onclick="window.open('http://the-free-zero.bogspot.com/')">
Blog-blog milik Andrean</a>
contoh :
Blog-blog milik Andrean

Link untuk mengirim e-mail :
<a href="mailto:andreanf_123@yahoo.co.id" rel="nofollow">andreanf_123@yahoo.co.id</a>
Contoh : andreanf_123@yahoo.co.id

Sekian,,,selamat mencoba!