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 sobat yang pernah buka wikipedia, pasti sering nemuin link yang kalau diklik langsung meluncur ke paragraf yang dituju, itulah salah satu penggunaan Kode jump link
Ya sudah, dipostingan kali ini Saya akan membahas 3 hal tentang Cara Membuat Jump Link di Postingan Blog. Jika blog Anda sudah valid AMP HTML, Anda bisa membaca artikel Saya yang berjudul Membuat Table Of Contents Di Postingan Blog AMP HTML
1. Apa Jump Link itu.?
2. Keuntungan Membuat jump Link di Postingan blog.
3. Cara Membuat Jump Link di Postingan Blog.
1. Apa Jump Link Itu?
Secara bahasa, Jump artinya meloncat, link adalah tautan. Jadi, jump link adalah tautan yang meloncat diparagraf yang tertuju, Jump link ialah link yang meloncat ke bagian/text tertentu atau paragraf dalam sebuah postingan tanpa berpindah 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.
2. Keuntungan Membuat Jump Link di postingan blog.
Bagi Sobat 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.
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>
Disini 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 (#)
Untuk postingan ini, Saya telah menyisipkan kode objek yang ditAndai dan kode link pemanggil objek seperti ini
<div id="atas"></div>
Disini isi postingan Anda. Misalnya, cara membuat jumplink di postingan blog, dan sebagainya.
<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.
Yah mungkin gitu ajah sob dari Saya cara membuat jump link di postingan blog
Komentar