Salahsatu ilmu HTML yang sangat mudah dimengerti dan dapat diterapkan pada blog yaitu jump link, apa itu jump link? Apa fungsi jump link dan bagaimana cara membuat jump link di blog? Yuk simak selengkapnya di bawah ini:
Apa Itu Jump Link
Jump link merupakan lompatan yang mengarah kepada sebuah teks, elemen atau bisa gambar pada sebuah halaman HTML ketika melakukan klik pada sebuah link.
Fungsi Jump Link
Ada 2 elemen yang digunakan :
1. Tentukan Target ( posisi yang dituju )
Kita harus menandai di bagian mana pembaca akan diarahkan ketika sebuah tautan di-klik. Caranya yaitu dengan memasukkan script di bawah ini ke posisi tertentu yang ingin kita tuju di sebuah postingan.
<div id="target1"> </div>
target1 di atas adalah sebuah nama atau id yang kita buat. Sehingga kita bisa merubahnya ataupun membuat banyak nama-nama lain sebagi target di dalam sebuah postingan. Contoh : target2, contact dll
2. Link memanggil
Adalah sebuah kata atau kalimat yang kita ubah menjadi sebuah link, yang nantinya akan mengarahkan pembaca ke posisi atau paragraf tertentu pada sebuah postingan yang sama. Cara membuatnya harus di dalam mode HTML untuk menambahkan atau merubah script. Script-nya adalah sebagai berikut :
<a href="#target1"> read more </a>
target1 adalah nama atau id yang akan kita panggil jika kita mengklik kalimat "read more". Jangan lupa, pada bagian ini kamu harus menambahkan # seperti di atas untuk menuju ke target link.
Test klik link di samping 👉 Apa itu jump link
- Ganti mode HTML untuk meng-edit
- Posisikan script <div id="target1"> </div> di depan kata yang akan di tuju "Apa itu jump link" di paragraf atas.
- Panggil link dengan script <p>Test klik link di samping 👉 <a href="#target1">Apa itu jump link</a></p>
Demikian artikel mengenai Cara Membuat Jump Link di Blog, semoga dapat dimengerti dan mudah untuk dipraktekan, apabila penjelasan yang saya berikan membuat sobat bingung mohon koreksi serta sarannya.
0 Comments