Jumat, 19 Oktober 2012
Mungkin pertanyaan simple ini pernah terlintas dibenak Anda setelah Anda membaca judul pada postingan kali ini. Nah, kegunaan JavaScript ini adalah agar tampilannya menjadi lebih lembut dan enak untuk dilihat. Banyak kegunaan dari tombol ini, selain tidak perlu menggunakan scroll, Tombol Back To Top Menggunakan JavaScript ini juga menyingkat waktu kita.
Membuat Tombol Back To Top Menggunakan JavaScript
Pertama, sobat harus login ke account blogger sobat,Kedua, kemudian ikuti langkah ini, Rancangan, Edit HTML, Expand Template Widget, seperti terlihat pada gambar dibawah ini.
Ketiga, letakkan kode dibawah ini tepat diatas kode </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://rizki-khaizir.googlecode.com/files/BackToTop.js' type='text/javascript'/><!-- Back to top by www.wakrizki.net --><a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTcS6XN1hWWTD8fY7e934unNZE1F5ay64gpxZCtMo6hP_iIYarKQwGN-6ryQhrKdDMjc3CsRCVRmr0K_fCdNzDQqe5uIJdXvBXaX99LLTMgeylDXXzD7_Qh30BPla-oDYuaf0wQ1beHjOV/s1600/navigate-up-icon.png'/></a>
Sehingga hasilnya akan seperti ini.
http://lis-trick.blogspot.com/
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://rizki-khaizir.googlecode.com/files/BackToTop.js' type='text/javascript'/><!-- Back to top by www.wakrizki.net --><a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTcS6XN1hWWTD8fY7e934unNZE1F5ay64gpxZCtMo6hP_iIYarKQwGN-6ryQhrKdDMjc3CsRCVRmr0K_fCdNzDQqe5uIJdXvBXaX99LLTMgeylDXXzD7_Qh30BPla-oDYuaf0wQ1beHjOV/s1600/navigate-up-icon.png'/></a></body>
</html>
