[Tutorial] Memasang Plugin Scroll To Top Pada Blog

Pada hari ini aku akan menulis tutorial yang diminta oleh Daus. Tutorial ini adalah cara untuk memudahkan pembaca blog korang untuk kembali ke bahagian atas/header blog korang. Mungkin korang pernah menggunakan plugin seperti back to top. Fungsinya sama, tetapi ia menggunakan javascript untuk menampakkannya lebih menarik. Selain itu, button Scroll To Top ini tidak kelihatan jika korang belum menggerakkan page dan ia akan hilang apabila ia sampai ke bahagian atas/header blog. Tak paham? Try korang scroll kebawah sekarang. Lihat satu icon muncul di bahagian kanan bawah blog ini. Klik padanya, dan ia akan membawa korang ke bahagian header blog ini dan hilang. Berminat? Rujuk tutorial bergambar dibawah.


Oh ya.. Terlupa pulak. Tidak kisah la platform apa yang korang gunakan untuk menulis blog, aku rasa ia boleh digunakan. Dibawah aku hanya dapat sediakan tutorial cara memasang pada platform Blogger dan Wordpress.

Dah paham cara nak pasang? Eh.. Lupa plak nak bagi code. Korang boleh pilih code dibawah mengikut warna yang korang suka. Jika korang mahukan warna lain, boleh request kat aku dengan bagi code warna tersebut. Tak tau codenya. Korang boleh dapatkan code warna tersebut disini. Colour Code. Pastu, hantarkan comment kat bawah. Terima kasih.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/black.js" type"text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/blue.js" type"text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/green.js" type"text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/orange.js" type"text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/pink.js" type"text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/red.js" type"text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/white.js" type"text/javascript">
</script>

Credit to Kery kerana Share Code..