Cara membuat Jump Link

Di bawah ini adalah contoh 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!

Daftar isi dari tutorial ini antara lain :



Contoh

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!

Daftar

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!

Tutorial

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!

Hasil

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!


kode yang perlu digunakan adalah : Pertama membuat daftar isi dengan menuliskan kode 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>  

berikutnya Setiap kata 'satu', 'dua', 'tiga' dst harus diberi nama atau target. Pemberian target nama adalah sebagai berikut :
<div id="satu"/>
Satu
</div>

dan seterusnya sesuai jumlah daftar isi
Contoh penerapan kode seperti di atas :
Daftar isi dari tutorial ini antara lain :<br />
<br />
<pre><ul>
<li><a href="#Contoh">Contoh</a></li>
<li><a href="#Daftar">Daftar</a></li>
<li><a href="#Tutorial">Tutorial</a></li>
<li><a href="#Hasil">Hasil</a></li>
</ul>
</pre>
<br />
<div id="Contoh">
<h3>
<b><span style="color: orange;">Contoh</span></b>
</h3>
</div>
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!<br />
<br />
<div id="Daftar">
<h3>
Daftar
</h3>
</div>
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!<br />
<br />
<div id="Tutorial">
<h3>
Tutorial
</h3>
</div>
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!<br />
<br />
<div id="Hasil">
<h3>
Hasil
</h3>
</div>
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!<br />

sumber: http://odardomeu.blogspot.com/2012/07/membuat-daftar-isi-khusus-posting-jump.html#Cara

Share it:

Artikel Terpopuler