CARA MEMBUAT LINK DALAM SATU HALAMAN BLOGGER

Ada beberapa poin penting yang perlu diperhatikan untuk membuat link (jump link) atau daftar link pada sebuah blogspot. Sebuah link memerlukan target dan clickable link yang bisa kita gunakan menuju target link tersebut.

Secara teori, membuat link di dalam sebuah halaman hanyalah menghubungkan tag <a href> dengan kondisi tag yang ada. Ya, inilah yang dinamakan jump link. dengan adanya link ini memungkinkan untuk kita berpindah ke halaman lain maupun langsung lompat dalam satu halaman (dalam hal ini alamat url yang sama) dan langsung menuju section yang diinginkan.

Target link pada blogspot

Cara membuat link pada halaman blogspot dapat dilakukan dengan cara: Pilih bagian pada artikel ingin dijadikan sebagai target link, bisa berupa sebuah paragraf, sub judul atau apapun yang kita inginkan.
Ada baiknya target kita masukkan dalam section sub judul. Bisa tag H2, H3 maupun H4. Terserah. Tergantung struktur situs atau blog teman-teman. Jangan ke tag paragraf (p) ya, agar pembaca nanti akan pusing.

Ketika sudah menentukan target, kita berikan identitas dalam bentuk id="nama-link". Nah, properti "nama-link" inilah yang akan menjadi penghubung antara link dan target. Usahakan bikin yang pendek-pendek saja. Kalau bisa, tanpa spasi lebih enak karena biar tidak error.

Contoh Cara membuat link/Jump Link pada halaman Blogspot

Pertama-tama masuk ke dashboard blog terlebih dahulu, dan buat postingan baru dengan klik + New Post.

Kemudian masuk ke bagian HTML editor (bukan compose loh ya...)

Buat tag link tautan, dan Masukkan #nama-link yang diinginkan dalam kode HTML berikut

<a href="#nama-link">link yang bisa di klik</a>

kemudian siapkan target tujuannya, dan sisipkan dengan kode berikut

<div id="”nama-link”">
      //nama-link digunakan sebagai target
      //konten apa aja yang kamu suka.
</div>

Supaya tidak bingung, perhatikan gambar berikut ini ya...

Jika mau langsung ke bagian lain di halaman yang berbeda, ya tinggal tambahkan id dari properti yang akan kita tuju.
Contoh kodenya seperti di bawah ini.

<a href="”alamat_halaman.html#nama-link”">link teks</a>

Jump link ini berguna sekali ketika kita membuat artikel panjang yang memiliki rincian penjelasan yang berbeda. Agar pembaca bisa dengan mudah mencari apa yang diinginkan, kita berikan saja jump link untuk mempercepat pencarian informasinya.

Selamat mencoba!

Posted in: