Cara Membuat Tombol Loncat Pada Postingan Artikel Blogspot

Cara Membuat Tombol Loncat di Dalam Artikel Blog

Membuat tombol loncat
ke poin atau paragraf tertentu pada postingan blog memang kadang diperlukan jika konten postingan tersebut memuat artikel yang cukup panjang.

Sehingga dengan adanya tombol loncat ini akan memberi kemudahan bagi setiap pembaca artikel untuk memilih ke bagian artikel mana yang mereka inginkan.

Entah kita sadari atau tidak?,

Bahwa minat baca di Indonesia bisa dibilang mengalami kemerosotan.

Banyak hal yang mempengaruhi penurunan tersebut.

Salah satu yang menurut Saya pribadi paling kuat pengaruhnya adalah semakin pesatnya perkembangan dunia teknologi informasi dalam hal ini menjamurnya smartphone.

Meski sebenarnya smartphone sendiri dapat dimanfaatkan sebagai media untuk membaca,

Namun hal ini jarang sekali dilakukan karena godaan media sosial nyatanya tak terelakkan.

Konten-konten visual lebih memiliki daya tarik lebih ketimbang konten verbal.

Bukan asumsi belaka,tapi realita semacam itu secara pribadi sudah Saya alami.

Menurut Duta Baca Perpustakaan Nasional Republik Indonesia,

Minat baca masyarakat Indonesia tergolong sangat rendah dibandingkan dengan negara-negara lainnya.

Disaat ada banyak cara dan fasilitas yang memudahkan akses membaca buku sekarang ini,Indonesia malah mengalami kemunduran minat baca.

Terhitung dari 61 negara,Minat baca di Negara dengan total jumlah penduduk sekira 260 juta ini menempati urutan ke-60.

Amazing bukan...?

Oleh sebab itu,

Sebagai Blogger yang notabene merupakan penyedia informasi.

Khususnya Informasi yang terpublish di media Blog,

Mau tak mau harus menangkap ini sebagai salah satu celah untuk memberikan kenyamanan bagi pengunjung situs atau Blog.

Maka seperti yang telah Saya singgung di atas,

Bahwa,

Jika artikel yang dipublish ini memuat artikel yang cukup panjang,tentu tombol loncat ke paragraf atau poin tertentu akan sangat membantu pembaca.

Dalam hal ini untuk mempersingkat proses membaca informasi yang tersedia dengan memilih sesuai poin yang diinginkan.

Harapannnya pengunjung akan merasa nyaman dengan fitur dalam sebuah blog.

Agar tidak membuat Anda emosi karena terlalu panjangnya artikel dalam postingan ini,

Mungkin akan lebih baik tips untuk membuat tombol loncat ini segera saja Anda baca dengan seksama dan sebisa mungkin dengan tempo yang sesingkat-singkatnya.

Merrdeka...!

Cara membuat tombol loncat

Tombol loncat ini tidak mempengaruhi proses loading blog.

Kecuali jika Anda ingin mengatur cepat atau lambat loncatannya dengan menanamkan script tertentu.

Untuk membuatnya pun tidak sesulit yang dibayangkan.

Karena pembuatannya seperti membuat Link atau Tautan pada umumnya.

Langkah yang pertama tentu Anda harus membuat artikel terlebih dahulu.

Kemudian silahkan pakai kode seperti berikut ini :

  • <a href="#destinasi1">Isi dengan kalimat yang Anda inginkan</a>
  • <a href="#destinasi2">Isi dengan kalimat yang Anda inginkan</a>
  • <a href="#destinasi3">Isi dengan kalimat yang Anda inginkan</a>
  • <a href="#destinasi4">Isi dengan kalimat yang Anda inginkan</a>

Kode diatas akan berwujud seperti tautan pada umumnya yang bisa di klik.

Bdanya saat di Klik tidak akan keluar postingan.

Tapi tunggu dulu,

Kita belum selesai.

Selanjutnya adalah membuat Kode tujuan dari kode tombol di atas.

Caranya silahakan letakkan kode dibawah ini dimanapun Anda inginkan.

  • <div id="destinasi1">Isi dengan kalimat yang Anda inginkan</div>
  • <div id="destinasi2">Isi dengan kalimat yang Anda inginkan</div>
  • <div id="destinasi3">Isi dengan kalimat yang Anda inginkan</div>
  • <div id="destinasi4">Isi dengan kalimat yang Anda inginkan</div>

Keterangan :
destinasi1,destinasi2,destinasi3,destinasi4 adalah merupakan identitas destinasi atau target dari setiap tombol.
  • #destinasi1 akan menuju destinasi1
  • #destinasi2 akan menuju destinasi2
  • demikian seterusnya.


Contoh hasilnya silahkan klik link berikut ini :

Kembali Keatas

Selain itu,Anda juga bisa memakai gambar.

Caranya pun sama seperti membut link bergambar biasanya.

Contohnya seperti ini.
<div class="separator" style="clear: both; text-align: center;">
<a href="#destinasi5" style="margin-left: 1em; margin-right: 1em;">
<img alt="cara membuat tombol loncat" border="2" height="50px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGC7CujH22d6o_CDaZDyMwTChdqjluCoDEQ7BUqBcxo0Z76M7t05JUXUvdWsfKRK9gCBS2mlywjclg2ZOKI0FNwjW2qCsUNUHOmm6tdlzDt73d-zm1T3r9dKUvXTxiHEIEFUiVNC9E0eJF/s1600/Tombol+loncat.png" title="tombol loncat" width="50px" /></a></div>

Berikut ini hasilnya :



Dua contoh link tombol loncat di atas saya buat untuk kembali ke atas dengan destinasi tujuan pada kalimat bercetak tebal pada paragraf pertama di atas.

Sebetulnya tips cara membuat tombol loncat ini bukan merupakan tutorial yang baru,

Karena sudah banyak Blogger yang memposting artikel dengan bahasan yang sama.

Namun,karena banyaknya teman blogger yang bertanya maka tidak ada salahnya saya posting ulang.

Sekarang silahkan Anda praktekkan tutorial Blogging cara membuat tombol loncat ini.

2 komentar untuk "Cara Membuat Tombol Loncat Pada Postingan Artikel Blogspot"

PERHATIAN ... ! Komentar dengan menyertakan link aktif akan terhapus secara otomatis.