Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Jump Link Pada Blogger

RudiEtnovian.Com - Pada saat sedang mengunjungi sebuah halaman website, mungkin pernah ada diantara teman-teman semua yang menemukan salah satu elemen pada halaman tersebut ketika di klik maka langsung melompat atau menuju ke elemen lainnya pada halaman yang sama.

Cara Membuat Jump Link Pada Blogger
Cara Membuat Jump Link Pada Blogger

Lompatan seperti itu biasa dikenal dengan istilah Jump Link. Untuk membuat jump link itu sendiri ada berbagai cara, mulai dari cara yang simpel sampai cara yang rumit. salah satunya menggunakan fungsi HTML.

Nah, pada kesempatan kali ini saya akan share Cara Membuat Jump Link Pada Blogger melalui cara yang simpel yaitu dengan menerapkan fungsi HTML.

Untuk melihat demonya silahkan klik teks di bawah ini.

DEMO JUMP LINK

Jump link tersebut bisa diterapkan disemua elemen, mulai dari teks, gambar dan elemen lainnya.

Berikut Cara Membuat Jump Link Pada Blogger tersebut.

Sebagai contoh saya akan membuat jump link pada teks seperti pada "DEMO JUMP LINK" di atas.

Pada saat teks tersebut di klik maka akan langsung mengarah pada teks "TARGET" yang ada di akhir postingan ini.

Caranya cukup simpel yaitu cukup dengan membungkus teks "DEMO JUMP LINK" terlebih dahulu seperti di bawah ini.

<a href="#bancet"> DEMO JUMP LINK </a>

Lalu bungkus teks atau elemen yang akan menjadi target jump link seperti di bawah ini.

<div id="bancet"> TARGET </div>

Selesai dan jumplink sudah terpasang.

Begitulah Cara Membuat Jump Link Pada Blogger tersebut. Sangat simpel dan mudah untuk dipraktekan. Semoga bisa bermanfaat.


TARGET
Rudi Etnovian Hadi Kurniawan
Rudi Etnovian Hadi Kurniawan Agen HNI HPAI Sekaligus Seorang Blogger dan Menyediakan Jasa Pembuatan Website Sejak Tahun 2008
Iklan