Membuat Link satu halaman

Membuat link di halaman yang sama memang perlu, khususnya jika isi tulisan lumayan banyak. Pengunjung blog mungkin agak kerepotan juga karena harus menggunakan scroll mouse naik-turun
Untuk lebih jelasnya mengapa pembuatan link ini diperlukan, silahkan buka contoh dengan mengkilik View Demo

Dari penjelasan tadi, untuk mengatasi permasalahan, saya akan memberikan tips singkat pembuatan seperti demo tadi.

Langkah awal, di setiap bagian judul tulisan dipasang script <a name="paragraph1">Item Judul</a>

Misalnya :

BELAJAR BLOG (item judul)
belajar blog di blogspot sangat diperlukan..bla..bla..bla...xxx (Isi tulisan)

Kemudian di buat link yang mengarah pada item judul tersebut. scriptnya : <a href="#paragraph1">BELAJAR BLOG</a>

agar tampil berbeda, jepit kode script diatas dengan kode berikut ini :

<div id="linknav">

<a href="#paragraph1">BELAJAR BLOG</a>

</div>

taruh link ini dibagian atas dari item judul dan isi tulisan kita. (seperti contoh demo)

langkah selanjutnya, masuk ke editor HTML template, kemudian cari kode </head>
lalu taruh kode dibawah ini tepat atas kode </head>

<!--start jquery from http://www.watonoe.blogspot.com-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script src='http://watono.googlecode.com/files/jquery.localscroll-1.2.7-min.js.txt' type='text/javascript'/>
<script src='http://watono.googlecode.com/files/jquery.scrollTo-1.4.2-min.js.txt' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#linknav&#39;).localScroll({duration:800});
});
</script>
<!--end jquery from http://www.watonoe.blogspot.com-->

Simpan Template anda kemudian lihat hasilnya.

n/b. usahakan untuk memahami ini, isi tulisan harus cukup panjang sehingga kelihatan hasil dari trik ini.