Jika anda mempunyai tampilan halaman blog/ situs yang sangat panjang, terutama bagi anda yang dalam memposting artikel tidak menggunakan Readmore atau barangkali disengaja, tentu akan membuat pengunjung blog bahkan anda sendiri akan capek untuk scrolling halaman anda kembali ke atas. Di sini saya mempunyai solusi untuk anda yang mempunyai tipe blog seperti itu. Modifikasi script jQuery Scroll to Top Control saya pelajari dari situs www.dynamicdrive.com.
Fungsi daripada script jQuery Scroll to Top Control ini adalah, menggulirkan halaman blog anda dari bawah ke atas secara Automatis hanya sekali klik pada icon anak panah yang muncul di sudut bawah kanan pada akhir halaman blog anda.
Jika anda berminat silahkan tambahkan kode script jQuery Scroll to Top Control persis dibawah kode <head> sebelum anda menambahkan kode meta.
Dibawah ini adalah kode script jQuery Scroll to Top Control.
Kode script jQuery Scroll to Top Control, sebelum saya upload di www.geocities.com sudah saya tambahkan url icon anak panah atas yang sebelumnya sudah saya upload di www.photobucket.com. Namun bila anda ingin memodifikasinya, silahkan copas di notepad script dari http://www.dynamicdrive.com/dynamicindex3/scrolltopcontrol.js, kemudian lakukan modifikasi dibagian ini :
Namun saya belum mencobanya untuk memodifikasinya. Bila anda mau mencoba untuk memodifikasi bagian tersebut, silahkan pelajari di :
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm.
Jika anda ingin melihat hasilnya dari modifikasi kode script jQuery Scroll to Top Control, termasuk gambaran pemasangan hasil modifikasi kode script jQuery Scroll to Top Control, silahkan kunjungi http://www.nataludin.com
Nah silahkan bereksperimen, semoga berhasil
Fungsi daripada script jQuery Scroll to Top Control ini adalah, menggulirkan halaman blog anda dari bawah ke atas secara Automatis hanya sekali klik pada icon anak panah yang muncul di sudut bawah kanan pada akhir halaman blog anda.
Jika anda berminat silahkan tambahkan kode script jQuery Scroll to Top Control persis dibawah kode <head> sebelum anda menambahkan kode meta.
Dibawah ini adalah kode script jQuery Scroll to Top Control.
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type='text/javascript' src='http://www.geocities.com/nataludin5/scrolltopcontrol-1.js'>
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
</script>
Kode script jQuery Scroll to Top Control, sebelum saya upload di www.geocities.com sudah saya tambahkan url icon anak panah atas yang sebelumnya sudah saya upload di www.photobucket.com. Namun bila anda ingin memodifikasinya, silahkan copas di notepad script dari http://www.dynamicdrive.com/dynamicindex3/scrolltopcontrol.js, kemudian lakukan modifikasi dibagian ini :
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="up.gif" style="width:24px; height:24px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:15, offsety:15}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
Namun saya belum mencobanya untuk memodifikasinya. Bila anda mau mencoba untuk memodifikasi bagian tersebut, silahkan pelajari di :
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm.
Jika anda ingin melihat hasilnya dari modifikasi kode script jQuery Scroll to Top Control, termasuk gambaran pemasangan hasil modifikasi kode script jQuery Scroll to Top Control, silahkan kunjungi http://www.nataludin.com
Nah silahkan bereksperimen, semoga berhasil
Said
Pelajaranku belum nyampai sini deh mas...
Said
ada yg scroll to right nggak?
Said
terlalu ribet mas ada yang lebih gampang lagi ... ?