Cara membuat jump link

Apabila anda membuka sebuah artikel yg panjang, tentu anda akan merasa jenuh untuk melihatnya, apalagi membacanya.

Untuk mengatasi hal ini tentu anda ingin jalan pintas bukan. Tanpa perlu susah2 scroll ke bawah, dan biasanya fitur ini anda akan temukan di wordpress. Tapi jangan putus asa dulu, karna dengan blogger pun anda bisa membuat fitur seperti, untuk lebih jelasnya simak yg dibawah ini


Apa itu anchor link atau Link Langsung?

Anchor link atau jump link adalah jenis tautan khusus yang menunjuk atau menautkan ke bagian tertentu dari halaman. Jadi alih-alih mendarat di lokasi teratas, ia akan melompat ke bagian halaman tertentu. Lebih baik menyebutnya jump link daripada anchor link karena memungkinkan pengguna untuk melompat ke lokasi tertentu tanpa menggulir halaman.Biasanya jump link digunakan dalam artikel2 yg panjang

 

Kapan & Mengapa menggunakan anchor link atau jump link?

Link internal lebih menguntungkan bagi Anda dan pengguna . Anchor Anchor dapat digunakan untuk tujuan link internal dan menautkan konten seperti yang saya ,lakukan di atas. Jika anda bisa meembuat jump link, maka hal itu akan sangat membantu
1. Jika Anda menulis postingan panjang maka Anda dapat membantu pengguna Anda dengan menambahkan daftar isi seperti yang saya lakukan di atas. Jadi, alih-alih menggulir, pengguna dapat melompat ke elemen tertentu.
2. Anda dapat menggunakan jump link saat menautkan ke halaman Anda yang lain, jadi alih-alih membaca seluruh artikel, pembaca akan mendarat di lokasi yang tepat.
3. Jump link dapat digunakan sebagai tombol di bagian bawah halaman yang mengatakan "pergi ke atas”


Cara Membuat Jump link di Postingan Blog

Sebelum membuat jump link pastikan anda  menyelesaikan postingan anda dulu , agar lebih mudah untuk mempraktekannya jika sudah selesai.


Tambahkan kode di bawah ini ganti kliksaya ini dengan id jump link dan untuk judul bebas.

<a href="#kliksaya">kembali ke daftar isi</a>

Lalu tambahkan kode di bawah ini untuk membuat perintah link yang di klik bekerja. pastikan link # kode pertama dan ke dua sama ( kliksaya)yang ke dua tanpa tanda #


<div id="kliksaya"></div>

Untuk lebih jelasnya, Anda bisa melihat gambar di bawah ini :


Demikian untuk pembahasan cara membuat jump link semoga bermanfaat.

kembali ke daftar isi

Artikel Terkait

Komentar

Postingan Populer