Home » » Cara Membuat Link ke Bagian Tertentu dalam Satu Halaman

Cara Membuat Link ke Bagian Tertentu dalam Satu Halaman

Written By Kamaludin on Saturday 11 October 2014 | 00:27

Cara membuat Jump Link

Cara Membuat Link ke Bagian Tertentu dalam Satu Halaman - Jika anda sering membaca sebuah artikel di internet, pasti anda pernah melihat sebuah link yang mana jika anda klik link tersebut maka anda akan menuju ke bagian tertentu dalam satu artikel tersebut. Link tersebut biasanya ada dalam suatu artikel yang sangat panjang dan terdiri dari beberapa sub judul. Hal itu bertujuan untuk memudahkan pembaca agar tidak perlu scroll ke bawah hanya untuk mencari bagian yang anda cari.

Supaya lebih jelas anda bisa klik link berikut untuk menuju ke STEP 2

Nah, itulah tadi yang di namakan Jump Link ketika anda klik link di atas anda akan langsung di arahkan ke suatu bagian dari artikel ini. Bagaimanakah cara membuatnya? Caranya cukup mudah, untuk lebih jelasnya mari kita ikuti langkah - langkah berikut.

STEP 1
Tentukan bagian paragraf, sub judul atau apapun yang anda inginkan untuk dijadikan target link. Lalu buatlah id="nama-terserah", anda dapat memberi nama terserah anda usahakan tanpa spasi. Karena spasi akan berubah menjadi "%20" di address bar.

Susunan nya akan seperti ini:
<div id="nama-terserah">
  //konten
</div>
STEP 2
Setelah tadi kita telah menentukan lokasi yang ingin di jadikan target, langkah selanjutnya adalah membuat link itu sendiri. Caranya sangat mudah seperti membuat sebuah link biasa namun yang digunakan adalah id target yang kita buat tadi.

Berikut cara membuatnya:
<a href="#nama-terserah">link teks</a>
Jika target itu berada pada halaman lain maka akan menjadi:
<a href="nama-halaman.html#nama-terserah">link teks</a> 


Baik, itulah tadi Cara Membuat Link ke Bagian Tertentu dalam Satu Halaman, tentunya teknik ini akan memudahkan pembaca jika anda mempunyai artikel yang sengat panjang dan terdiri dari poin - poin penting. Semoga artikel di atas bisa bermanfaat untuk anda.

Jika ada saran, kritik atau pertanyaan mengenai artikel di atas anda bisa gunakan kotak komentar di bawah.

Terimakasih atas kunjungan anda. Wassalam.

Baca juga:

13 comments

waah.. terimakasihbanyak kk. sangat membantu! semoga kk makin bertambah ilmu dan rizkinya. aamiin

This comment has been removed by the author.

terimakasih gan ilmunya. sangat membantu...........

mau tanya dong, kalo link nya menggunakan include gmn yah, saya coba include "modul/mod_proyek/detailproyek2.php#$judul_anchor"; error

makasih atas pengetahuannya gan, sangat bermanfaat buat saya yang sedang belajar BLOG. kalau agan bersedia, mohon bagiin ilmu agan di forum bola dan dewasa milik ane dong gan.

Forum Bola
Forum Dewasa
Forum Sepakbola

:-bd
Dapat juga akhirnya
Makasih gan ilmunya..

Maaf masih bingung,
1. kode link teks ditemukan di Edit HTML atau di compose html yang ada di tempat menulis konten?
2. kalau memang di tempat membuat konten, itu berarti saya harus buat 2 konten yang sama dan yang satunya di edit agar bisa membuat jump link?
mohon jawaban.

Pada saat selesai menulis konten, kamu pindahkan ke mode html edit bagian mana yang mau dibuat target didepannya tambah kode ini < div id="terserah"> ..... < /div> titik" tersebut adalah target teks kamu.
Setelah target sudah ditentukan kamu tinggal buat link seperti biasa tetap pada mode html dengan kode berikut: < a href="#terserah"> link kamu < /a>
Semoga membantu

Terimakasih gan.. bermanfaat nih tipsnya :)

sumpah setelah 3 hari nyari2 baru kali ini gue ngarti cara bikin jump link, di blog lain cuma nulis ini adalah objek dan ini adalah link pemanggil karena artikelnya dapet copas. tapi disini akhirnya gue ngerti... terimakasih gan... sangat-sangat membantu...

"a name" sama tidak ya sama peritah "a id"

untuk info seputar paket Outbound Bandung yang murah tapi ga murahan ya javaorganizer.co.id jagonya :)

DAPATQQ - SITUS JUDI ONLINE POKERQQ DOMINOQQ Terpercaya
Permainan :
* Bandar Poker
* Domino99
* BandarQ
* AduQ
* Capsa Susun
* Poker
* Sakong
* Bandar 66
Bonus Promo
-> Bonus Referral = 20 %
-> Bonus Cashback = 0.5 %
Bank Support
- BCA - BRI - DANAMON - OVO - Gopay
- BNI - MANDIRI - CIMB NIAGA - DANA - DOKU

Info Lebih lanjut Hubungi :
Website = DAPATQQ
Wa = +85515976488
Line = dapatkiu
Twitter = dapatkiu99
Instagram = dapatqqofficial99

Berita DapatQQ
DAPATQQ
Berita Terkini

Silahkan berikan komentar, kritik atau saran anda