Tutorial Membuat Link

Cara Membuat Link

Diposting pada 27 views

Apa itu Link? Bagaimana cara menciptakan ataupun membuatnya? Bisakah dimodifikasi?

Ini adalah pertanyaan-pertanyaan mendasar, dan disini Pubiway.Com akan menjawabnya dengan cara sesederhana mungkin.

Well, mari kita mulai dari pengertiannya dahulu.

 

Apa itu Link?

Link atau dalam bahasa Indonesia disebut tautan, adalah sebuah tulisan yang jika di klik akan membawa kita ke suatu halaman yang baru.

Sederhananya : sebuah tulisan yang umumnya berwarna biru di suatu situs web dan bisa di klik, itulah disebut link.

Sebagai contoh,

klik tulisan berwarna biru ini ya

Nah apa yang terjadi ketika kamu meng-klik tulisan tersebut? Ya, halaman ini berubah menjadi halaman baru.

Setelah kita paham apa itu link, mari kita lanjut ke pertanyaan berikutnya “bagaimana cara membuat link?”

 

Bagaimana Cara Membuat Link?

Untuk dapat membuat ataupun menciptakan link, ada berbagai cara yang bisa digunakan, seperti dengan kode HTML, BB Code, dengan Blogger/Blogspot, ataupun dengan wordpress.

Mari kita membahasnya satu-persatu.

Membuat Link dengan Kode HTML

Terdapat Kode dasar HTML dalam membuat link.

Kode tersebut yakni :

<a href=”LinkTujuan“>Tulisan Link</a>

Catatan :

LinkTujuan : diganti dengan URL tujuan, misal https://google.com atau https://detik.com

Tulisan Link : Tulisan yang bisa di klik tersebut, dan bahasa teknisnya Anchor Text / Teks Jangkar.

contohnya adalah

<a href="https://pubiway.com">Blog Pubiway</a>

dan hasilnya akan seperti ini : Blog Pubiway

Sederhana kan?

Jika merasa “rumit” dengan kode, kita juga akan membuat tutorialnya di flatform blog, baik WordPress maupun Blogger(blogspot)

 

Membuat Link di WordPress

Untuk membuat link di flatform WordPress, kamu bisa ikuti cara sebagai berikut :

 

Pertama, buka Post Editor (tempat anda biasa menulis artikel)

Kedua, blok tulisan yang ingin anda jadikan link, kemudian klik icon link (seperti rantai)

Ketiga, isi URL nya, dan klik tombol “Add Link”

Selesai, link sudah berhasil dibuat.

 

Membuat Link di Blogger (.blogspot)

Jika anda menggunakan flatform blogger/blogspot, untuk membuat link caranya juga mudah :

Pertama, buka post editor (tempat kamu menulis artikel/postingan)

Kedua, blok tulisan yang ingin kamu jadikan link, kemudian klik tulisan biru “Link

Ketiga, masukkan URL nya, dan klik tombol “OK”.

Selesai, kamu sudah berhasil membuat link nya.

Membuat Link dengan BB CODE

Selain kode HTML, kita juga bisa membuat link dengan menggunakan BB Code,

dan kodenya seperti ini :

[url=LinkTujuan]Tulisan di Link[/url]

Kode ini bisa digunakan untuk flatform yang mendukung BB Code saja ya.

Setelah kita sudah mengetahui dasar membuat link, mari kita modifikas link tersebut sesuai keperluan kita.

 

Cara Modifikasi Link

Dalam membuat link, ada berbagai macam variasi antara lain :

1. Membuat Link Dofollow

Link ini biasanya digunakan untuk meningkatkan SEO (Search Engine Optimize).

Disebut “dofollow” agar robot mesin pencari dalam melakukan crawl mengikuti link tersebut juga.

Kodenya seperti ini :

<a href="LinkTujuan" rel="dofollow">Tulisan Link</a>

 

2. Membuat Link Nofollow

Link ini digunakan juga dalam konteks SEO, dan disebut “nofollow” agar robot mesin pencari dalam melakukan crawl tidak mengikuti link tersebut.

Kodenya seperti ini :

<a href="LinkTujuan" rel="nofollow">Tulisan Link</a>

 

3. Membuat link yang Terbuka di Tab Baru/New Tab

Jika kode link sebelumnya di-klik, maka browser kita akan memindahkan halaman yang sedang kita buka ke halaman baru.

Kalau link yang satu ini, ketika di-klik, maka browser akan membuka tab baru, sedangkan halaman sebelumnya tetap terbuka.

Contohnya seperti ini :

Klik saja link ini

Browser kamu akan membuka tab baru yakni google bukan?

Kodenya adalah :

<a href="LinkTujuan" target="_blank">Tulisan Link</a>

 

4. Membuat Link Loncat (Jump Link)

Link Loncat ini sedikit berbeda dengan link sebelumnya.

Jika kamu klik tulisan linknya, maka akan berpindah ke bagian lain namun tetap di halaman yang sama.

 

Contohya, silahkan klik tulisan ini.

Kamu akan terlempar ke bagian cara memodifikasi link bukan?

 

Nah, untuk Kodenya seperti ini :

<a href="#CodePindah">Tulisan Link</a>

Kemudian kamu wajib menempatkan kode perpindahan ini dibagian mana kamu akan memindahkannya :

<div id="CodePindah"></div>

Perlu diingat kodenya harus sama persis antara yang kode link dan kode bagian perpindahannya.

Contoh :

<a href="#SubModifikasiLink">Tulisan Link</a>

dan di bagian yang ingin saya pindahkan, saya tambahkan kode :

<div id="SubModifikasiLink"></div>

 

 

Kesimpulan

Untuk membuat link/tautan itu sangat banyak caranya, bahkan untuk orang yang awam kode pemograman sekalipun, dan lagi layanan-layanan blogging sudah memberikan fitur yang user friendly sehingga kamu tidak perlu belajar hal-hal lain lagi, cukup fokus membuat tulisan/postingan yang berkualitas saja.

 

Demikianlah tutorial cara membuat link, apabila ada bagian yang kamu masih bingung, kamu bisa bertanya via kolom komentar ya.

Terimakasih

Gambar Gravatar
Berbagi adalah sebuah kebahagian dalam kehidupan

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *