Beberapa Jenis Link dan Cara Membuatnya

Jenis - Jenis Link dan Cara Membuatnya - Membuat Link adalah pelajaran dasar yang harus dipahami seorang blogger. Dengan mengetahui cara membuat link, SEO blog akan lebih mudah di optimasi. Sebagai contoh, membuat link untuk tukeran link dengan tujuan mendapatkan Backlink dari blog lain. Selain itu, kita juga bisa mengarahkan pengunjung ke halaman manapun dengan membuat link menuju ke halaman yang kita inginkan.

Sebelumnya saya sudah menulis artikel "Cara Membuat Link" yang merupakan panduan dasar untuk memasang link di blog, baik Link di postingan, maupun Link di sidebar atau bagian blog lainnya. Apabila anda masih belum tahu dasar membuat Link silahkan baca dulu artikel tersebut.

Artikel ini hanya sebagai pelengkap artikel "cara membuat link" sebelumnya. Di artikel ini, saya akan menunjukkan macam -macam cara membuat link mulai dari yang biasa sampai yang luar biasa serta cara membuatnya . Mari kita mulai...

Karena link bermacam - macam, kita mulai dari membuat link biasa.Untuk membuat link gunakan kode di bawah ini :
<a href="http://www.bloggerbugis.com/">BLOGGERBUGIS</a>

Hasilnya :

Kata "BLOGGERBUGIS" adalah link yang menuju ke  http://www.bloggerbugis.com
Saat di klik, Link diatas akan langsung mengganti halaman tempat linknya di pasang menjadi halaman yang dituju linknya.

Jika ingin membuat jenis - jenis Link yang lain, kita tinggal menambahkan beberapa kode HTML. Adapun kode HTML yang ditambahkan tersebut berbeda-beda tergantung dari jenis link yang kita inginkan.

Berikut macam - macam Link yang biasa di gunakan di blog

  • Link yang Membuka Tab Baru saat Link Di Klik 
  • Link yang Membuka Beberapa Halaman / Situs Sekaligus saat di Klik 
  • Link yang Membuka Halaman / Situs yang dituju link tanpa di klik. 
  • Link Gambar / LINK BANNER Pada Blog. 
  • Habis.
Berikut panduan cara membuat jenis-jenis link tersebut di atas satu persatu

Link yang Membuka Tab Baru

Saat pengunjung mengklik link jenis ini, halaman yang dituju link akan terbuka di tab baru browser. untuk membuatnya kita hanya perlu menambahkan kode target="_blank" setelah alamat url yang dituju link. Bisa juga menggunakan kode  target="_new" , dan bisa juga menggunakan kode target="_up".
Contoh kode yang digunakan seperti ini :

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

Kode diatas akan membuat kata BLOGGERBUGIS menjadi link menuju ke halaman http://www.bloggerbugis.com yang akan terbuka di tab baru browser. Kode link diatas akan menghasilkan link seperti ini :


Silahkan di klik untuk melihat hasilnya.

Link yang membuka Beberapa Halaman sekaligus

Link jenis ini akan membuka beberapa  halaman sekaligus pada saat bersamaan saat linknya di klik
Kode yang digunakan seperti ini :

<a href="javascript:(function(){window.open('http://www.bloggerbugis.com');})();javascript:(function(){window.open('http://abas-kerja-online.blogspot.com');})();">Blogger Bugis & Abas NAD</a>


Kode link diatas akan menghasilkan link di bawah ini :


Silahkan di klik untuk melihat hasilnya.
 
Untuk menambahkan lebih banyak halaman yang terbuka saat linknya di klik, tambahkan kode  ini :

javascript:(function(){window.open('Alamat URL 3');})();

Contoh :
 <a href="javascript:(function(){window.open('http://www.bloggerbugis.com');})();javascript:(function(){window.open('http://abas-kerja-online.blogspot.com');})();javascript:(function(){window.open('Alamat URL 3');})();">Blogger Bugis & Abas NAD</a>

Jangan lupa mengganti tulisan ALAMAT URL 3 dengan URL tujuan link.

Link yang Terbuka Tanpa di Klik

Ini adalah jenis link yang paling saya benci. Banyak blogger yang menggunakannya pada iklan yang terpasang di blognya. Link jenis ini akan langsung terbuka tanpa di klik saat mouse menyentuh / melewati link.

Kode yang digunakan seperti ini :

<a href="http://www.bloggerbugis.com" onmouseover="window.location=this.href">BLOGGER BUGIS</a>

Hasil dari kode link diatas seperti ini :


Silahkan arahkan mouse anda pada link untuk melihat hasilnya.

Link Banner ( Link Gambar )

Selain menggunakan kata atau kalimat, kita juga bisa membuat gambar menjadi link. Link jenis ini di kenal dengan Link Banner. Biasanya di gunakan untuk membuat Link Banner untuk tukeran Link dan Link Banner untuk iklan di blog. Untuk jenis link yang satu ini kita membutuhkan sebuah gambar yang tersimpan di imge hosting lalu menggunakan alamat URL Gambar tersebut. Misalnya kita akan menggunakan Gambar di bawah ini sebagai link


Gambar diatas tersimpan di PICASA dengan alamat URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi19Q08vT9feBi-sbNCnKGg0xOlsQlfud0iC9X7zx-f3Nxo_4J2HOn55AxJuRtUhwEq3rKJaJy4OdtqLblK7moU6D7Gt6X5ivQ1pTGls7EJW5ca3VpP0J1BnKBrH_MZh6o4BCfsSsWAD9cr/

Untuk membuat gambarnya menjadi link, Contoh kode yang digunakan seperti ini :

<a href="http://www.bloggerbugis.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi19Q08vT9feBi-sbNCnKGg0xOlsQlfud0iC9X7zx-f3Nxo_4J2HOn55AxJuRtUhwEq3rKJaJy4OdtqLblK7moU6D7Gt6X5ivQ1pTGls7EJW5ca3VpP0J1BnKBrH_MZh6o4BCfsSsWAD9cr/" border="0" /></a>

Hasilnya seperti ini :


Silahkan klik gambar diatas untuk melihat hasilnya

Note : Ganti kode yang berwarna merah dengan URL gambar anda.

Kita masih bisa menambahkan beberapa kode untuk mengatur Linknya, misalnya memberi warna pada link ( Lihat kode warna klik DISINI ), mengatur posisi dan besar gambar pada Link Banner dengan kode margin dan padding, dll. Silahkan edit sendiri linknya agar sesuai dengan yang anda inginkan.

Oce mas bro.... semoga cukup jelas cara saya menyampaikan Beberapa Jenis Link dan cara membuatnya di Blog.

Happy blogging dan Salam Blogger.....
Label: ,