Cara Mudah Membuat Jump Link Di Postingan Blog

Halo sobat semua....!!!
Kali ini, saya ingin shareng tentang trik membuat jump link dalam posting di Blogger/Wordpres.Kalo sobat pernah buka wikipedia, mungkin sering nemuin link yang kalau diklik langsung meluncur ke paragraf yang dituju.itulah salah satu penggunaan Kode jumplink

Ok.Pada postingan kali ini, insyaallah kita akan membahas 3 hal tentang trik membuat jump link pada artikel di Blog sobat:

1. Definisi Jump Link.
2. Keuntungan Membuat Jump Link di Postingan.
3. Cara Mudah Membuat Jump Link.

Oke.Langsung saja ya.

Apa Jump Link Itu? Secara bahasa,Jump artinya meloncat, link adalah tautan. Jadi, jump link adalah tautan yang meloncat loncat...:D emang kodok...??? Jump link ialah link yang meloncat ke bagian/text tertentu atau paragraf dalam sebuah postingan tanpa berpindah halaman.jump link ini seperti link pada Back to Top, Back to Bottom, Go to Comment dsb yang masih berada dalam satu halaman.

Berbeda dengan link yang biasa, 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 --

Keuntungan Membuat Jump Link di Artikel.
Bagi Sobat yang gemar menulis posting yang sangat panjang atau merupakan tulisan-tulisan yang berupa karya ilmiah, jump link ini bisa membantu kita untuk membuatkan sebuah navigasi untuk mempermudah pembaca menjelajahi, membaca ulang isi artikel kita. Fungsinya seperti daftar isi, namun khusus di dalam entri/tanpa pindah halaman.
-- Kembali Ke atas --

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 memanggilnya.

Kode dasar untuk membuat jump link dalam satu halaman adalah seperti di bawah ini:

<a href="#NamaObjek">...</a> --> link pemanggil objek
<div id="NamaObjek"></div> --> objek yang ditandai

Perhatikan kode di atas:
*. Untuk nama objek tidak menggunakan tanda pagar (#).
*. Sedangkan untuk link pemanggil objek harus disertai dengan tanda pagar (#) dan tanda titik-titiknya harus diberi tulisan agar pengunjung dapat mengekliknya.

-- Kembali Ke atas --

Untuk artikel ini, saya telah menyisipkan kode objek yang ditandai dan kode link pemanggil objek seperti ini:

1. <a href="#Pertama">Definisi Jump Link.</a>
<div id="Pertama"></div>
Apa Jump Link Itu? Secara bahasa,...dst
2. <a href="#Kedua">Keuntungan Membuat Jump Link di Postingan.</a>
<div id="Kedua"></div>
Keuntungan Membuat Jump Link di Artikel.
Bagi Sobat yang gemar menulis .....dst
3. <a href="#Ketiga">Cara Mudah Membuat Jump Link.</a>
<div id="Ketiga"></div>
Cara Membuat Jump Link
Prinsip dasar untuk membuat jump ...dst

NB:

*. Saat membuat artikel dg jumplink harus pada posisi "HTML" dan jangan kembali ke posisi "Compose" karena bentuk kodenya akan berubah.
*. Penulisan Obyek & pemanggil harus disamakan besar/kecilnya huruf/text.

-- Kembali Ke atas --

Semoga bermanfaat...

More artikel:

• Cara Posting di blogger dengan HP
• Cara menambah widget di atas posting blog.
• Cara Mudah Membuat Readmore di
  Blog
• Cara Upload template blogspot via HP
• Edit Tataletak blogspot cukup dengan HP

Kata kunci:

Cara mudah buat Jumplink, link loncat, trik link jump, buat jumplink, tutorial html, jumplink postingan blog