Cara Membuat Link (Daftar Isi) Menuju Ke Halaman Yang Sama

  • Whatsapp

Pernahkah anda melihat di dalam sebuah halaman artikel blog disajikan daftar link seperti daftar isi, dan dikala link tersebut di-click maka akan menuju (scroll) ke bab tertentu tapi masih di halaman yang sama, dan memberikan bagian artikel yang mengandung text sesuai dengan text dari link yang di-click.

Link jenis ini barangkali masih mampu disebut internal link ke halaman yang sama, dan biasanya link jenis ini dipakai untuk membuat point-point penting dalam artikel yang bersangkutan (mirip daftar isi) alasannya adalah  artikel sangat panjang.

Bacaan Lainnya

Pernahkah anda melihat di dalam sebuah halaman artikel blog disajikan daftar link seperti  Cara Membuat Link (daftar isi) menuju ke halaman yang sama

Tujuan dibuatnya daftar link seperti ini adalah untuk  memudahkan pengunjung agar dapat menentukan point-point penting yang terdapat pada artikel tersebut, pengunjung tinggal meng-click link salah satu dari daftar link yang disediakan maka beliau akan di bawa ke bab lain dari halaman dokumen yang sama.

Istilah link mirip ini apa?

Saya Sebenarnya kesulitan mendefinisikan istilah untuk link seperti ini, saya menyebutnya sebagai internal link dalam satu halaman atau internal link ke bab lain dokumen, pada dasarnya dikala link tersebut diklik maka anda akan di arahkan ke bab tertentu di halaman artikel tersebut tetapi masih di halaman yang sama.

Untuk membuat link seperti ini sebenarnya sangat mudah, yang terperinci yang harus anda kuasai yakni, anda harus memahami perintah html dasar untuk membuat link.

Jika anda kebetulan masih belum tau ihwal perintah dasar HTML untuk membuat sebuah link maka anda mampu baca dulu artikel berikut:

Mengenal apa itu hyperlink? (khusus pemula)
Cara membuat link (hyperlink) di blogspot

Dengan membaca artikel di atas setidakny anda paham, apa itu hyperlink dan bagaimana cara membuat hyperlink dengan derma tool maupun dengan cara manual melalui penulisan kode HTML.

Cara Membuat Link (daftar isi) dalam satu halaman yang sama

Saya anggap anda sudah memahami perihal apa itu link dan bagaimana cara menciptakan link, selanjutnya yakni kita akan coba membuat link untuk daftar isi artikel anda yang sangat panjang.

Untuk menciptakan link seperti ini ada 2 bab yang harus anda buat, adalah  link dan text target atau text tujuan, link yaitu sebuah link (text yang bisa diclick), sedangkan target adalah sebuah text. saat link diklik maka akan menuju ke bab halaman tertentu dimana text target berada.

Perintah HTML untuk membuat link anda harus sajikan dengan format:

lebel‘>text

 Misal aku ingin menciptakan sebuah link dengan goresan pena Smartphone terbaik, dan ketika link tersebut diklik maka halaman akan melaksanakan scroll untuk menuju bagian lain halaman yang sama yang terdapat goresan pena yang mengandung kata “Asus yakni smartphone terbaik masa ini“.

Untuk membuat link seperti kasus di atas maka perintahnya ialah:

Link yang harus anda buat:

<a href=’#smartphone-terbaik‘> Pengenalan SEO</a>

Text sasaran yang harus dibentuk ialah:

2. Tulis artikel anda hingga tamat
Masih di halaman yang sama, silahkan anda buat artikel anda hingga tamat dan jangan lupa masih di artikel yang sama,  buat juga  daftar text  untuk link daftar isi, misal mirip ilustrasi gambar di bawah ini:

Pernahkah anda melihat di dalam sebuah halaman artikel blog disajikan daftar link seperti  Cara Membuat Link (daftar isi) menuju ke halaman yang sama

Pastikan artikel sudah ditulis seluruhnya dan daftar text untuk link daftar isi sudah anda sesuai kebutuhan.

3. Pilih Mode HTML untuk editor artikel blog anda
Pilih saja tombol HTML yang letaknya di pojok kiri atas di samping tombol Compose.

Pernahkah anda melihat di dalam sebuah halaman artikel blog disajikan daftar link seperti  Cara Membuat Link (daftar isi) menuju ke halaman yang sama

Kemudian pada mode HTML buat sasaran text dan link.

Cara menciptakan target Text:
 
Di mode html silahkan anda cari dan ubah kalimat yang akan dijadikan sasaran text, dengan format:

smartphone-asus‘>asus yakni smartphone terbaik kala ini yang harus anda miliki

Cara Membuat Link:
Untuk menciptakan link yang dikala diklik akan menuju target text di atas buat format sebagai berikut:

smartphone-asus‘>smartphone terbaik

4. Publikasikan artikel anda.
Inagar Anda harus tetap di mode HTML dan jangan kembali ke mode compose, kalau menekan mode compose, maka format link yang sudah anda buat akan berubah kembali.

Silahkan langsung saja publish kalau artikel sudah anda anggap sesuai. atau lakukan pratinjau (review) untuk melihat karenanya.

Cara diatas akan membuat artikel anda mempunyai daftar isi berupa sebuah link dan saat link tersebut diclick maka akan menuju bab lain tapi masih di halaman yang sama.

DEMO:

Untuk demo silahkan anda coba klik link-link di bawah ini:

Cara Membuat Link (daftar isi)
(jika diklik akan menuju ke sub judul “cara membuat link daftar isi dalam satu halaman yang sama di artikel blogspot“)

Langkah-langkah-membuat link daftar isi
(bila diklik maka akan menuju sub judul “Langkah-langkah Membuat Link (daftar isi) dalam satu halaman yang sama di artikel blogspot“)

Untuk Contoh lengkap klik disini

Semoga artikel ihwal Cara Membuat Link (daftar isi) dalam satu halaman yang sama mampu anda pahami dan agar bermanfaat.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *