Selasa, 03 Juli 2012

Membuat Tombol Back To Top

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
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 goblogger-go.blogspot -->
<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/AVvXsEiMKkfbvxPsDjlUmlnDVZhUIkodnh8_pvX1lmvsOqHqMkjMT-bhDSfa7hMjvt9g9IOWuYgL9sAQJk_Rd7RrfGfolPgpw6oxtsMSOZUTxzvQYds-eBwfqGJMbEPdXkSyYiVpz_2BZK-HhdMW/s1600/navigate-up-icon.png'/></a>

Sehingga hasilnya akan seperti ini.

<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 goblogger-go.blogspot -->
<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/AVvXsEiMKkfbvxPsDjlUmlnDVZhUIkodnh8_pvX1lmvsOqHqMkjMT-bhDSfa7hMjvt9g9IOWuYgL9sAQJk_Rd7RrfGfolPgpw6oxtsMSOZUTxzvQYds-eBwfqGJMbEPdXkSyYiVpz_2BZK-HhdMW/s1600/navigate-up-icon.png'/></a>
</body>
</html>

Keempat, kode yang berwarna merah adalah kode image, silahkan sobat ganti dan kemudian simpan template sobat.

Selain disisipkan pada Edit HTML, script ini juga bisa sobat simpat pada Widget. Selamat mencoba, semoga berhasil.

Tidak ada komentar:

Posting Komentar

Tolong kritik dan saran demi kemajuan blog kami