 |
| Cara Membuat Jump Link Di Postingan Blog |
Seringkali blogger pemula masih agak asing dengan istilah jump link,sebenarnya jump link itu sama saja dengan link yang lain seperti internal link ataupun exksternal link,bedanya hanyalah terletak pada halaman yang dituju.
Internal dan eksternal link menuju ke halaman yang berbeda, sedangkan jump link mengarah ke halaman yang sama namun ke bagian tertentu,misalnya dari atas ke bawah atau dari bawah ke atas. Sebagai contoh ketika sobatku semuanya berselancar di Wikipedia, sobat akan menemukan jumplink dalam berupa daftar isi di dalam postingannya.
Agar lebih memudahkan pemahaman sobatku semuanya, saya beri contoh jump link di bawah ini :
Perlu sobat ketahui, bahwasannya jump link memiliki banyak sekali manfaat untuk halaman blognya sobat,banyak sekali pemilik blog yang menggunakan tur dari HTML ini,biasanya mereka menggunakan jump link pada daftar isi artikel atau kalimat tertentu di dalam artikel untuk memudahkan navigasi bagi para pengunjung.
Selain Wikipedia, banyak juga situs-situs yang menggunakan jump link,yang paling umum adalah situs yang hanya memiliki satu halaman saja atau biasa juga disebut one page.
Salah satu contoh situs one page adalah undangan nikah online,sekarang adalah zaman serba online, undangan nikah pun juga dibuat secara online, memang sangat cocok digunakan untuk mengundang teman jauh tanpa perlu repot - repot mengirim lembaran undangan, hanya dengan mengirim link undangan online pun sudah selesai.
Di dalam situs undangan online, biasanya di bagian atas terdapat menu seperti Waktu, Tempat Resepsi, serta Bio Data Pengantin,nah, saat sobat klik Tempat Resepsi misalnya, maka blo akan secara otomatis menscroll ke bawah menuju informasi Tempat Resepsi.
Dengan demikian, jump link sangat berfungsi untuk membuat lebih dari satu jump link di dalam blog kita. Yuk ikuti langkah-langkahnya :
Cara Membuat Jump Link di Blog
Yang perlu sobat siapkan adalah sebuah "id" untuk dipanggil melalui tag anchor atau <a> Susunan yang bisa sobatku semuanya buat adalah sebagai berikut :Untuk dipasang di menu blog
<a href="#iniadalahIDbawah">Klik Ini, Maka akan Ke BAWAH</a> <div id="iniadalahIDbawah">BAWAH</div>
Untuk dipasang di dalam artikel blog
<a href="https://urlblogsobatdisini.blogspot.com/linkartikel-sobat#iniadalahIDbawah">Klik Ini, Maka akan Ke BAWAH</a> <div id="iniadalahIDbawah">BAWAH</div>-Value dari atribut 'id' bisa diubah sesuai keinginan kode di atas, bisa sobat terapkan pada saat mengedit menu blog ataupun membuat jumplink di dalam sebuah artikel atau postingan.
Secara default, jump link yang kita buat menggunakan HTML seperti kode di atas, tidak memberikan efek smooth scroll saat tautan diklik, oleh karena itu, ada sedikit tambahan kode agar jump link yang sobat buat bisa memiliki efek smooth scroll yang cocok untuk meningkatkan kemudahan user untuk memahami navigasi blog.
Semoga berhasil dan jangan lupa tinggalkan komentar serta bagikan artikel ini ke media sosial sobat agar semua orang tau mengenai Cara Membuat Jump Link di Blog dengan mudah tentunya sobat, semoga bisa bermanfaat dan menambah wawasan, sekian dan terimakasih.