Cara Membuat Link Menuju Halaman yang sama

Ide menulis artikel ini berawal dari target saya untuk membuat artikel yang panjang. Untuk memudahkan pembaca, maka saya harus membuat sebuah link yang menuju pada target tertentu dalam halaman yang sama tanpa ada loading yang memakan waktu.

Setelah mencari ilmunya, akhirnya saya bertemu pada beberapa sumber yang menerangkan bagaimana cara membuatnya dengan mudah.

1. Perlu diingat
Agar link yang telah dibuat bekerja dengan baik, maka yang perlu diperhatikan adalah ketika membuat link nya. Untuk membuat link nya jangan pada menu Compose, harus beralih pada menu HTML.

Selain itu, ketika link dan target halaman yang dituju telah dibuat, maka jangan sekali-kali sobat beralih dari menu HTML ke Menu Compose.

2. Praktek Pembuatan
Untuk memudahkan, saya akan membuat uji cobanya langsung menggunakan tutorial gambar, berikut penjelasan serta langkah-langkahnya.

• Buat entri baru atau edit entri
• Tulis terlebih dahulu artikelnya di menu Compose biar mudah
• Setelah itu, beralih dengan memilih menu HTML
• Buat link dan target linknya
• Publish dalam posisi masih di berada pada menu HTML

3. Kode link dan targetnya
Dari beberapa sumber, beberapa kode berbeda yang digunakan, akan tetapi tujuannya sama. Berikut beberapa kodenya.

Kode target
<span id="nama-target">bisa teks atau gambar</span>

Kode link
<a href="#nama-target">bisa teks atau gambar</a>

NB: Tulisan "nama-target" bisa anda rubah sesuka hati anda, namun keduanya harus sama, tidak boleh berbeda.

4. Demo
Silahkan klik tulisan dan link di bawah ini, maka sobat akan diarahkan pada menu tulisan yang sama juga dalam satu halaman.

1. Perlu diingat
2. Kode

^^ Bagaimana?, mudah bukan. Semoga artikel ini bermanfaat bagi kita semua, terima kasih !.