Cara Membuat Jump Link Di Postingan Blog

Selamat pagi sobat, Kali ini saya ingin posting tentang cara membuat jump link di postingan Blog. Saya pernah menemui link yang di klik langsung menuju ke paragraf/artikel yang tertuju. Kode jump link itu kebanyakan di wikipedia. Mungkin anda yang sering buka wikipedia, mungkin sering nemuin link yang kalau diklik langsung meluncur ke paragraf yang dituju. itulah salah satu penggunaan Kode jump link. Ya sudah, di postingan kali ini saya akan membahas 3 hal tentang cara membuat jump link di postingan Blog anda:

1. Apa Itu Jump Link.?

2. Keuntungan Membuat Jump Link di Postingan blog.

3. Cara Membuat Jump Link di postingan blog.


1. Apa Itu Jump Link.? Secara bahasa, Jump artinya meloncat, link adalah tautan. Jadi, jump link adalah tautan yang meloncat di paragraf yang tertuju, Jump link adalah link yang meloncat ke bagian/text tertentu atau paragraf dalam sebuah postingan tanpa berpindah halaman. Berbeda dengan link yang biasa atau atau link external yang di klik bwrpindah halaman. jump link ini tidak memerlukan loading ulang untuk memanggil objek yang telah ditandai sebelumnya. Jadi, link jenis ini tidak memberatkan sehingga tidak diperlukan waktu yang lama untuk menampilkan bagian paragraf yang ingin dilihat.Inilah bedanya dengan link eksternal atau link internal yang mengarah ke artikel lain yang tertuju dihalaman lain.

kembali ke atas


2. Keuntungan Membuat Jump Link di postingan blog. Bagi anda yang gemar menulis posting yang sangat panjang atau merupakan catatan-catatan, jump link ini bisa membantu kita untuk membuatkan sebuah navigasi untuk mempermudah pembaca menjelajahi, membaca ulang isi postingan kita. Fungsinya seperti daftar isi, namun khusus di dalam entri/tanpa pindah halaman.

Kembali Ke atas


3. Cara Membuat Jump Link. Prinsip dasar untuk membuat jump link dalam satu halaman adalah kita menandai terlebih dahulu suatu objek, kemudian pada bagian yang lain kita buat link untuk pemanggilnya. Kode dasar untuk membuat jump link di postingan dalam satu halaman adalah seperti di bawah ini

<div id="NamaObjek"></div> 
di sini isi postingan anda.

<a href="#NamaObjek">link yang akan di klik</a>


Perhatikan kode di atas: Untuk nama objek tidak menggunakan tanda pagar (#).
Sedangkan untuk link pemanggil objek harus disertai dengan tanda pagar (#)

Kembali Ke atas

Untuk postingan ini, saya telah menyisipkan kode objek yang ditandai dan kode link pemanggil objek seperti ini.

<div id="atas"></div>
di sini isi postingan anda. Misalnya, cara membuat jumplink di postingan blog, dan atau apa
<a href="#atas">kembali ke atas</a>


NOTE. Saat membuat postingan dengan jumplink harus pada posisi "HTML" dan jangan kembali ke posisi "Compose" karena bentuk kodenya akan berubah. Penulisan Obyek pemanggil harus di samakan besar/kecilnya huruf/text.

Kembali Ke atas
Yah mungkin gitu ajah sob dari saya cara membuat jump link di postingan blog

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser