Cara Membuat Jump Link di Blogger dan WordPress

Cara Membuat Jump Link di Blogger dan WordPress – Jump link adalah sebuah link dimana kita bisa melompat dari satu poin ke poin berikutnya yang kita telah tetapkan sebelumnya. Anda bisa buat satu ataupun dua arah.

Kegunaannya adalah sebagai navigasi dalam sebuah halaman web, selain itu juga bertujuan memudahkan pembaca jika dalam satu halaman web mempunyai poin bahasan yang cukup banyak. Intinya agar pengunjung gak perlu repot harus scroll-scroll.

Contoh website yang menggunakan jump link adalah wikipedia, pada bagian table of content (daftar isi).

Daftar isi:
Berikut adalah contoh penggunaan jump link dua arah (bolak-balik):


Cara Membuat Jump Link di Blogger

Untuk pengguna platform blogger, Anda bisa membuat jump link dengan cara:
<a href=”#id-tujuan”>Menuju ke bawah</a>
<div id=”nama-id”>Link Tujuan</div>
Kode 1
Contoh yang Saya buat seperti di atas:
<div id=”bawah”><a href=”#atas”><strong>Ke Bawah</strong></a></div> (menuju ke bawah).
<div id=”atas”><a href=”#bawah”><strong>Balik ke Atas</strong></a></div> (link tujuan, dan bisa balik lagi ke atas jika di klik).
Kalau Anda ingin buat hanya satu arah, hilangkan kode yang Saya beri tanda merah di atas. Jadi poin tujuan tidak diberi link aktif lagi, seperti contoh yang Saya buat di awal (daftar isi). Atau mengikuti kaedah kode 1 di atas.

Sebaiknya buat dulu id nya, baru masukkan link belakangan.

Cara Membuat Jump Link di WordPress

Sebenarnya untuk membuat jump link di wordpress cukup mudah, Anda hanya tinggal install plugin “Table of Content Plus".

Namun kalau Anda tidak ingin memakai plugin (kebanyakan plugin bikin lemot), Anda juga bisa gunakan cara seperti pada blogger.

Atau untuk mempermudah memasukkan link, Anda bisa gunakan fitur insert link. Cukup ketik (#) lalu nama id target, seperti gambar di bawah ini:

cara membuat jump link
Contoh input jump link
Jangan lupa, edit kode di mode text agar jump link nya work. Kalau di blogger pake mode html. Lalu ubah ke mode tulisan jika sudah selesai.

Jika Anda masih bingung, silahkan Anda klik kanan pada artikel ini lalu inspect element pada browser chrome! Lihat kode yang Saya terapkan.

Tambahan, dalam membuat id jump link, jangan gunakan spasi. Contoh:
id=”subjudul 1″ (salah)
id=”subjudul-1″ (benar)
Itu saja yang bisa Saya bagikan mengenai cara membuat jump link ini. Semoga bermanfaat!

Kunjungi juga: