Selasa, 31 Oktober 2017

Cara Mudah Membuat Link di Halaman yang Sama - Mengarahkan ke Bagian Tertentu

Beberapa waktu sebelum ini aku sempat membuat artikel dengan judul Pengalaman seru menggunakan Aplikasi Bebas Bayar. Tak disangka-tak dinyana, artikel yang aku tulis dengan agak spontan tersebut ternyata alhasil cukup panjang juga. Terhitung lebih dari 3000 kata terkandung dalam artikel tersebut, alasannya memang aku sertakan beberapa sub judul yang pembahasannya juga cukup panjang. Setelah artikelnya jadi, kemudian aku baca ulang, tapi rasanya kok capek dan jadi terkesan panjang gak jelas..hehe. Dari situ aku berpikir, ya mungkin artikelnya kepanjangan, dan jadi susah dipahami. Sehingga aku berencana untuk merombaknya untuk dipecah menjadi beberapa artikel. Namun entah kenapa rasanya kok sayang kalau dipecah, alasannya harus ditulis ulang menyesuaikan dengan redaksi setiap sub judul adegan nya.
 aku sempat membuat artikel dengan judul  Cara Mudah Membuat Link di Halaman yang Sama - Mengarahkan ke Bagian Tertentu
Akhirnya aku memutuskan untuk tidak memecahnya, dibiarkan panjang menyerupai itu. Tapi sebagai gantinya, aku bikin sejenis menu yang berfungsi sebagai navigasi artikel yang dapat mempermudah pengunjung dalam membaca artikelnya. Kaprikornus setelah membaca ke bawah dan ingin kembali ke atas menuju menu, maka tinggal mengklik satu buah tombol / link.

Prinsipnya menyerupai mirip di web Wikipedia, yang mana artikelnya biasa panjang-panjang, maka disediakanlah menu yang dapat mempermudah pembaca dalam memahami isi artikel. Atau aku juga teringat blognya Mas Sugeng yang juga menerapkan cara yang sama untuk artikel-artikel di blognya yang panjang, sampai ribuan kata.

Dan mulailah aku mencari tutorial wacana cara membuat link di halaman yang sama yang fungsinya mampu mengarahkan dari satu adegan ke adegan tertentu dalam halaman tersebut. Ada beberapa cara yang aku temukan di beberapa postingan blog, namun cara yang paling mudah aku temukan di blog trikmudahseo nya mas Ricky Pratama. Sehingga aku pun mencoba menerapkannya dan Ahamdulillah berhasil.

Baik, dari pada berlama-lama berikut aku coba share ulang wacana apa yang sudah aku coba terapkan yakni wacana membuat link di halaman yang sama. Namun, sebelum mulai menerapkan tutorial ini, bagi sahabat yang menggunakan platform blogspot menyerupai saya, maka tutorial ini gres mampu sahabat terapkan setelah artikelnya jadi dan siap dipublish. Tujuannya yaitu untuk menghindari error, alasannya kita akan mengerjakannya di Mode Postingan HTML, bukan Compose.

Kaprikornus di sini aku asumsikan artikel sahabat sudah jadi.

1. Masuk ke mode HTML di halaman edit posting sobat. Dan tentukanlah titik pendaratan, yakni adegan yang mau dituju oleh link yang nanti dibuat. Cara membuatnya ialah dengan mengetikkan instruksi di bawah ini, dan tempatkan di Teks yang mau dijadikan titik pendaratan.
<a name="NAMA">TEKS</a>
* Ganti NAMA dengan apa saja, misal 'Awal'.
* Kemudian ganti juga TEKS dengan tulisan/kata yang ingin dijadikan titik pendaratan. Misal 'Beberapa waktu sebelum ini'. (menyesuaikan dengan postingan ini)

2. Setelah ditentukan titik pendaratan, barulah sekarang kita membuat link di halaman yang sama yang akan menuju pada titik pendaratan yang telah dibuat. Untuk membuatnya, gunakan instruksi di bawah ini, tempatkan di adegan mana saja semau sobat.

<a href="#NAMA">TEKS</a>
* Ganti adegan NAMA dan harus sama dengan Nama yang telah diset di titik pendaratan, namun dengan penambahan tanda #. Tadi kita membuat Nama 'Awal', maka menjadi #AWAL.

* Ganti TEKS dengan goresan pena apa saja (anchor text) yang nantinya akan jadi link yang mengarah pada titik pendaratan. Misal kita buat 'Kembali ke AWAL'.

Jika sudah, silakan Save dan publish artikel sobat. Maka kini postingan sahabat sudah memiliki tombol / link yang mengarah pada adegan tertentu dalam satu halaman. Bagaimana, cukup mudah bukan?

Sebagai demo, sahabat mampu mencoba mengklik goresan pena biru di bawah ini yang mana sudah aku arahkan ke adegan atas / awal postingan ini.

Kembali ke AWAL

Baik, demikianlah tutorial sederhana ini. Semoga bermanfaat. 

Click to comment