Textual description of firstImageUrl

Membuat Daftar Isi Khusus Posting | Jump Link Blogger

link
Sahabat SEO Blogger! Lama juga tidak posting tips blogger, Sibuk mencari-cari informasi terbaru tentang info Google. Emang Google selalu update layanannya. Baiklah kita bahas tips blogger berikut yaitu

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!

12 comments:

  1. Jadi gitu ya cara buat daftar isi tentunya menudahkan bagi pembaca

    ReplyDelete
  2. terima kasih sudah berbagi ilmunya,,saya jadi tahu caranya,,hher,,semoga dapat bermanfaat artikelnya

    ReplyDelete
  3. ini namanya kalo di css itu css target :)

    ReplyDelete
  4. terima kasih tipsnya kang...

    ReplyDelete
  5. oh gtu to ok thnaks
    http://ilmu212.blogspot.com/
    http://atfa212.blogspot.com/

    ReplyDelete
  6. Makasih banyak gan..Tutornya jelas sekali...
    Maf, bg yang mau buat jumplink dg mudah jg bisa liat di tutorialkomplit.blogspot.com
    Tq

    ReplyDelete
  7. Makasih tutorialnya sob

    ReplyDelete
  8. Tutorialnya. Sangat menarik .thanks atas infonya

    ReplyDelete
  9. mantab gan.. jadi jump link itu link dalam satu halaman ya...

    ReplyDelete
  10. jump link itu sama dengan link dalam satu postingan ya

    ReplyDelete
  11. Saya baru lihat di blog aikoiro.net dan keren banget triknya... coba ah

    ReplyDelete

Silahkan berkomentar sesuai artikel. Setiap komentar adalah tanggung jawab anda. Komentar spam akan dihapus, baik secara otomatis dengan javascript ataupun manual. Saya sudah menyediakan nama/url jadi link aktif di komentar tidak perlu lagi disertakan. Jadilah blogger Indonesia yang bijak. Anda berkomentar saya berkunjung!