Membuat Jump Link dalam satu halaman

Home » Komputer Tweak » Membuat Jump Link dalam satu halaman

Membuat Jump Link dalam satu halaman

Posted by Koboi Kibot Saturday, 5 July 2014 0 comments

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

B. Manfaat menggunakan Jump Link

C. Membuat Jump Link
D. Kesimpulan

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

Kembali ke atas

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.

Membuat Jump Link dalam satu halaman

Related Post:

0 komentar:

Post a Comment

Related Post

Labels