Cara membuat Navigasi Back Forward

bagaimanakah cara buat / menuliskan script javascript untuk navigasi back dan forward di blog . . ?

Navigasi Back dan forward adalah bagian dari suatu komponen blog yang berfungsi untuk mempermudah visitor / pengunjung dapat berbalik , kembali ke halaman sebelumnya ( back ). atau sebaliknya visitor / pengunjung dapat balik lagi ke halaman yang sudah di kunjungi sebelumnya (forward ) .
Sebetulnya Navigasi Back Forward ini sama fungsinya dengan navigasi browser milik mozilla , chrome , opera dan lainnya . Dan saya rasa cara membuat/ menuliskan script javascriptnya pun cukup mudah untuk navigasi back forward ini .
oya, Artikel mastony sebelumnya yaitu Cara membuat show hide pada widget , text , gambar blog , silahkan baca disini mengenai Tips membuat show hide pada widget jika sudah baca mari kita lanjutin pembahasan mengenai Cara membuat Navigasi Back Forward .
Berikut ini CONTOH navigasi Back() .

dan hasil button di atas sperti berikut ini scriptnya :

<style>
function goBack(){window.history.back();}</style>

HTML Input :

<input onclick="goBack()" type="button" value="Back"/> 

onclick=javascript

sedangkan untuk menuliskan / membuat navigasi forward anda cukup menambahkan script javascript dibawahnya
berikut ini contoh scriptnya :

function goForward(){window.history.forward();}

Hasil untuk Forward :

upss,, ndak ada efek! , klik back dulu baru forward . untuk preview anda hover pada menu plus di pojok kanan bawah blog ini nanti akan muncul navigasi back forward nya .
oke, maka hasil dari keseluruhan script nya seperti di bawah ini dan di latakkan di template tepatnya sebelum kode </head> atau di pake langsung juga bisa .

<style>
function goBack(){window.history.back();}
function goForward(){window.history.forward();}
</style>

menggunakan nomor atau URL ..

contoh :


hasil diatas seperti berikut ini penulisan javascript dan html

<script>function backUrl(){window.history.go(-2);}
</script>
<button type="button" onclick="backUrl()">BACK 2</button>

Lalu bagaimana cara yang menggunakan Link atau gambar . . ?

yups, anda juga bisa menempatkan script tersebut pada sebuah file gambar atau link di blog anda .
penerapan javascript menggunakan link
Contoh yang menggunakan Link

Back

Forward

Penerapan Link dan Gambar

<a href="javascript:goBack()" title="Back">
<img src="http://lokasigambarBack.jpg"/></a>
<a href="javascript:goForward()" title="Forward">
<img src="http://lokasigambarForward.jpg"/></a>

dan saya rasa cukup disini pembahasan mengenai Cara membuat Navigasi Back Forward di blog dan semoga artikelnya bermanfaat untuk Anda .