• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Ivan Runa

Ivan Runa

Media Inspirasi!

  • Berita
  • Blogging
  • Info
  • Tips
  • Unik
  • Hobi
  • Hewan
  • Bisnis
  • Lifestyle
  • Kuliner
  • Tekno
  • English Post
    • General
    • Tips
    • Culinary
    • Lifestyle
    • DIY
Ivan Runa > Blogging > Cara Membuat Jump Link di Blogger dan WordPress

Cara Membuat Jump Link di Blogger dan WordPress

22 November 2020 oleh Ivan Runa

Loading...

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:

  • Cara Membuat Jump Link di Blogger
  • Cara Membuat Jump Link di WordPress

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

Ke Bawah

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.

Loading...

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 wordpress

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)

Baca Juga: Cara Mengatasi Komentar Spam

Itu saja yang bisa Saya bagikan mengenai cara membuat jump link ini. Semoga bermanfaat!

Ke Atas

Loading...

Ditag dengan:Blogger, HTML, Jump Link, Konten, On-Page SEO, Wordpress

Tentang Ivan Runa

Saya adalah seorang blogger yang ingin berbagi ilmu serta pengalaman mengenai apa saja yang Saya ketahui. Saya juga menjadi penulis di beberapa media lokal dan nasional. Memanfaatkan blog ini sebagai media untuk mengabadikan tulisan serta pemikiran Saya.

Sidebar Utama

Terbaru dari Ivan Runa

  • Komponen Penting dalam Surat Lamaran Kerja
  • Tempat-tempat Wisata Keren di Jogja yang Bikin Gak Mau Pulang
  • 5 Best Tourist Spots in Bali
  • Tips Jitu dalam Memilih Lift Rumah agar Tidak Salah Beli
  • Negative Effects of Scolding Children in Public

Follow Us!

Copyright © 2022 · Ivan Runa

  • Kebijakan Privasi
  • Disclaimer
  • Pedoman Media Siber
  • Tentang Blog
  • Kontak
  • Daftar Isi