Membuat Jump Link dalam satu halaman | Catatan si Koboi

Membuat Jump Link dalam satu halaman

Mungkin ada yang pernah melihat jump link sebuah artikel dalam satu halaman ?

Jump link biasanya dapat anda temukan beberapa artikel apa saja seperti di Wikipedia yang memiliki beberapa poin nantinya dibahas dalam satu halaman saja..Link yang dilampirkan di dalam postingan akan menautkan paragraf yang diarahkan oleh link tersebut. 
Penjelasan poin seperti dibawah ini :

A. Jump Link
Pengertian jump link adalah sebuah lompatan dari tautan atau url namun dalam satu halaman saja

B. Manfaat menggunakan Jump Link
Anda bisa membuat artikel yang panjang sekali tanpa harus menautkan halaman lain pada blog anda sendiri dalam satu halaman saja. Halaman ini hanya melompat dari satu paragraf saja agar pembaca langsung menjelajahi dari isi yang dimaksud, seperti halaman ini misalnya.

C.  Membuat Jump Link
  • Tentukan Target yang akan diarahkan atau ditandai sebagai lompatan paragraf
  • Buat sebuah paragraf tertentu yang akan menjadi taget dari lompatan tersebut
Tulis saja dahulu artikel anda apa adanya dengan menggunakan Compose, setelah selesai, silahkan edit  artikel yang anda buat dengan menggunakan HTML.




Membuat poin beserta link :
A. Jump Link :
<a href="Link anda#A</a>

B. Manfaat menggunakan Jump Link :
<a href="Link anda#B</a>

C. Membuat Jump Link :
<a href="Link anda#C</a>

D. Kesimpulan :
<a href="Link anda#D</a>
Kembali ke atas


Membuat target dari poin diatas beserta kode : letakkan kode <div id="Target"></div> sebelum kalimat target contoh :

A. Jump Link :
<div id="Target"></div>  --> Target poin
<div id="A"></div>A. Jump Link

B. Manfaat menggunakan Jump Link :
<div id="Target"></div> --> Target poin
<div id="B"></div>B. Manfaat menggunakan Jump Link

C. Membuat Jump Link :
<div id="Target"></div>  --> Target poin 
<div id="C"></div>C. Membuat Jump Link


D. Kesimpulan : 
<a href="Link anda#A</a>
Link Anda adalah URL dari halaman artikel 

<a href="#A</a
#A, #B, #C, #D adalah kode untuk mengarah pada paragraf yang dituju

<a href="X</a> adalah kode untuk menyembunyikan LINK

<div id="Target"></div>  --> Target poin
 Target adalah Paragraf yang akan digunakan sebagai lompatan
Kembali ke atas.

Apakah bisa untuk membuat roll ke atas ?
Bisa, seperti contoh "Kembali ke atas" kode ini juga sama seperti Membuat jump link diatas
Selamat mencoba, semoga berguna.

0 komentar:

Post a Comment

Mau komentar ? udah gak usah, postingannya kurang seru.....