25 Jul 2012
Membuat daftar isi khusus posting | Jump Link Blogger
Daftar isi khusus posting atau membuat jump link di blogger ini bukan membuat daftar isi blog secara keseluruhan, hanya pada satu posting saja. Jump link sama pentingnya membuat link internal untuk mempermudah pengunjung menjelajahi isi blog kita. Jump link artinya link yang melompat ke sebuah artikel di dalam posting. Bukan link eksternal atau link internal dalam artikel lain yang terkait. Jump link ini seperti read more, back to top, back to bottom dll, namun berbeda fungsi dan kode tentunya. Untuk demo silakan cermati dan klik membuat daftar isi posting jump link blogger di bawah ini :Arti Jump Link
Fungsi Jump Link
Cara Kerja Jump Link
Membuat Jump Link
Arti Jump Link
Jump link kalau diartikan adalah link yang melompat. Tetapi dalam satu posting tertentu, tanpa loading, tanpa membuka tab baru, dan tanpa membutuhkan script yang memberatkan. Banyak sekali model jump link ini digunakan. Seperti halnya readmore (Baca selengkapnya), Back to top, nah jump link juga diartikan link yang merujuk tapi dalam sebuah posting. Yaitu daftar isi khusus di posting. Sudah paham? Mari kita lanjut gan!
Fungsi Jump Link
Seperti di utarakan di atas, jump link berfungsi untuk menegaskan dan mempermudah pembaca menjelajahi, membolak-balik, membaca ulang, atau pun menuju ke sebuah kata atau kalimat yang diklik. Fungsi ini mirip daftar isi, tapi khusus di dalam sebuah posting blogger. Sudah paham juga fungsi jump link? Lanjut lagi bacanya
Cara kerja Jump Link
Seperti read more, atau lebih tepatnya back to top, cara kerja jump link adalah memasukkan kode link sebagai daftar, kemudian membuat target (tujuan jump link). Sebagai contoh berikut alurnya :
Buat artikel > Buat Kode jump link> Buat target atau tujuan kata yang diharapkan (penargetan)
Ingat, kode jump link dan target haruslah sama. Misalkan kita memanggil nama seseorang, jika nama yang dituju berbeda, orangnya juga beda kan? :D
Back to Menu
Membuat Jump Link
Untuk membuat jump link di blogger sangat mudah. Tanpa script yang memberatkan, tanpa juga loading blog. Bila kita membuat back to top (sederhana) loading tidak akan muncul. Berikut cara membuat jump link di blogger.
a. Buat Artikel
Buatlah artikel misalkan 4 paragraf. Misal paragraf 1 kata pertama adalah 'satu', paragraf 2 kata pertama adalah 'dua', paragraf 3 kata pertamanya adalah tiga, dst
b. Buat kode Jump Link (sebuah link daftar isi)
Dari artikel di atas maka setiap link jump link adalah sebagai berikut :
<a href="#satu"/>paragraf 1</a>
<a href="#dua"/>paragraf 2</a>
<a href="#tiga"/>paragraf 3</a>
<a href="#empat"/>paragraf 4</a>
c. Buat target atau tujuan yang diharapkan (penargetan). Inilah cara membuat kata yang ditargetan.
Satu
bla bla bal (isi paragraf 1)
Dua
bla bla bal (isi paragraf 2)
Tiga
bla bla bal (isi paragraf 3)
Empat
bla bla bal (isi paragraf 4)
Setiap kata 'satu', 'dua', 'tiga' dst harus diberi nama atau target. Pemberian target nama adalah sebagai berikut :
<div id="satu"/>
Satu
</div>
dst.
Jika sudah, klik publish dan lihat hasilnya. Akhirnya membuat jump link di blogger sukses dijalankan. Mudah bukan?
Membuat daftar isi khusus posting | jump link blogger ini kita buat saat posisi EDIT HTML. Usahakan berada pada posisi tersebut. Kesalahan saat Compose aktif akan membuat kode juga berubah. Saya sudah mempraktekkan di blog yang lain dan ternyata perlu menghapus beberapa kali id blog. Dan jangan lupa menambahkan tanda # di url jump link. Dengan kode jump link ini tetap lolos W3 Validator. Artinya membuat jump link di blogger ini tetap Valid HTML5. Untuk masalah yang dihadapi, silahkan berkomentar!