Mungkin sebagian dari Anda ada yang masih bertanya, apa pentingnya sih membuat dan memasang link loncat pada sebuah blog ? Aneh-aneh saja ada link yang bisa loncat-loncat segala kaya bajing loncat yang kurang kerjaan. Tidak tau apa, Ada pribahasa yang bunyinya begini "sepandai pandainya tupai melompat akan jatuh juga".
Jangan salah, membuat link loncat pada sebuah blog tentu bukan seperti tupai yang melompat dan akhirnya jatuh juga. Link loncat yang akan di pasang di blog ini sangat berguna sekali untuk blog dan website dan tentu tidak akan menjatuhkan wibawa blog atau website Anda, justru manfaatnya akan cukup besar bagi pengunjung blog, yaitu untuk mempermudah para pengunjung untuk menavigasi blog, dengan begitu keberadaan link loncat di blog juga akan menambah daya tarik tersendiri buat blog.
Jump link atau link loncat dari satu teks ke teks lain, atau dari satu paragraf ke paragraf lainnya yang masih dalam satu halaman yang sama tanpa harus melalui loading terlebih dahulu, tinggal klik langsung akan menuju arah yang di tuju. Namun perlu diketahui bahwa tidak semua browser internet support dengan link loncat ini, karena ada juga pada beberapa kasus tertentu di aplikasi browser internet, ketika link loncat yang ada di blog di klik malah tidak bisa langsung meloncat kearah yang dituju malah harus melalui loading lebih dulu.
Web-web dan blog besar pun masih banyak yang menggunakan menu jump link ini, dan pada prakteknya secara visual link loncat berupa kata atau kalimat yang diberi tautan seperti dibawah ini:
- Kembali ke Atas
- Back To Top
- Go To Navigasi
- Go To Comment
- dan lain sebagainya
Untuk itulah saya akan berbagi solusi mudah cara membuat dan memasang menu jump link atau link loncat di blog.
Disini saya akan berbagi 2 cara membuat dan memasang menu jump link Kembali ke Atas dan cara membuat dan memasang link loncat antar tulisan atau teks di artikel, atau bisa juga link loncat ke bawah atau yang lainnya tinggal kita mengkreasikannya nanti, yang penting kode dasarnya dulu kita paham.
Ok, untuk membuat link loncat di blog mari simak caranya di bawah.
#1. Cara membuat link loncat kembali ke atas atau back to top
Pertama silahkan masuk ke:
- Blogger
- Edit Template
- Cadangkan dan pulihkan
Selanjutnya copy kode berikut tepat di bawah kode </head>
<a name="carasakrayblog"/>Kode yang diatas kita namakan saja kode yang dipanggil atau kode yang akan diloncati. Setelah kode yang di panggil atau yang akan diloncati tersimpan di bawah </head> sekarang Anda copy kembali kode pemanggilnya atau kode yang akan meloncat dibawah ini, dan Anda bebas mau menyimpan dan memasangnya dimana saja, bisa di sidebar, dipostingan, atau kalau saya sih memasangnya di bagian footer. Berikut kode pemanggilnya dibawah:
<a href="#carasakrayblog">Kembali ke Atas </a>Kalimat yang berwarna merah Anda bisa menggantinya dengan yang Anda mau yang terpenting kalimatnya harus sama.
Kalimat berwarna biru Anda juga bebas menggantinya sesuai selera.
Untuk melihat pentas demo menu jump link atau link loncat kembali ke atas silahkan gulir ke footer paling bawah di blog ini.
Agar lebih paham dalam membuat link loncat kita perhatikan kembali cara membuatnya.
Pertama buat dulu kode yang akan di panggilnya atau kode yang akan diloncati yaitu seperti contoh yang dibawah ini:
<a name="atas">.....</a>Perhatikan kalimat berwarna merah dan tanda titik-titik. Kalimat berwarna merah nantinya harus sama dengan kode pemanggilnya atau kode yang akan meloncat, dan tanda titik-titik dan kode A tutup boleh di isi atau di kosongkan saja, karena kode yang dipanggil ini hanya objek saja.
Berikutnya periksa dengan teliti kode yang kedua atau kode pemanggilnya seperti contoh dibawah ini:
<a href="#atas">....</a>Perhatikan tanda pagar, kalimat berwarna merah dan tanda titik-titik.
Di kode pemanggil ini tanda pagar harus ada, dan kalimat berwarna merah harus sama dengan kode yang dipanggil, dan tanda titik-titik harus di isi dengan kalimat karena kode pemanggil ini bisa di sebut juga kode subjek, jadi harus ada yang di munculkan agar bisa diklik.
Baca dan pasang juga kelengkapan navigasi blog lainnya seperti Daftar Isi dan Contact Us Untuk lebih jelas lagi bagaimana cara membuat link loncat atau menu jump link silahkan simak kembali cara yang berikut ini.
#2. Cara membuat dan memasang link loncat atau jump link antar tulisan atau teks di artikel
Kira-kira diantara pembaca ada masih ingat tidak bahwa di artikel ini ada tulisan bajing loncat yang diberi warna merah? Tuh kan pada lupa, pikirannya pada loncat kesana kemari, jadi lupa deh.
Nah, tulisan bajing loncat yang diberi warna merah yang ada di artikel ini akan saya buat menjadi kode yang akan diloncati atau kode yang akan dipanggil, berikut caranya dibawah.
Pertama buat kode seperti dibawah ini:
<a name="bajingloncat">bajing loncat</a>Tulisan bajing loncat yang berwarna hitam diatas adalah teks atau tulisan yang ada di artikel ini yang akan di loncati harus di simpan diantara tag pembuka dan penutup kode.
Untuk selanjutnya kita buat kode yang bisa meloncat atau kode pemanggilnya, contoh membuat kodenya seperti dibawah ini:
<a href="#bajingloncat">silahkan loncat ke bajing loncat yang ada diartikel ini yang diberi warna merah</a>Kode diatas jika diunggah di posting blog maka hasilnya akan terlihat seperti ini: Silahkan loncat ke bajing loncat yang ada diartikel ini yang diberi warna merah. Demikianlah cara membuat dan memasang menu jump link atau link loncat di blog. Semoga artikel ini membantu Anda yang mau membuat dan memasang link loncat di blog.
Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:
O gitu ya, sekarang saya kadi tahu caranya. Terima kasih untuk berbaginya selamat pagi
ReplyDeleteyes akhirnya punya jump link pada postingan http://www.aburaksa.com/2018/02/menggapai-ketenangan-hati-dengan-dzikir.html
ReplyDeletetrims ya