Home » » Cara Membuat Tombol Back To Top

Cara Membuat Tombol Back To Top

cara membuat back to top CARA MEMBUAT TOMBOL BACK TO TOP – Tau apa yang dimaksud back to top ini? Back to top ini adalah tombol atau gadget atau widget yang fungsinya memindahkan posisi scroll browser dari bawah ke atas. Dengan kata lain, jika kita sedang berada di suatu situs, dan kita sedang berada di footer / di bagian bawah dari situs tersebut, kita klik tombol back to top tadi maka otomatis kita akan berpindah ke atas halaman dari situs tsb. Posisi tombol back to top ini nantinya setelah dipasang adalah pojok kanan bawah. Tinggal klik maka pindah.


Tombol ini boleh juga dibilang lip-nya situs.  Bahkan lebih cepat dari sebuah lip biasa. Tapi, yaitu lah kelemahannya. Sebenarnya sih kelemahan bisa di atasi, asalkan tahu ilmu tentang buat link satu halaman. Kalau tahu tinggal modifikasi aja yang baru. OK…


Nah, untuk membuat tombol back to top ini sangat mudah. Yang perlu diketahui hanya dasar-dasar pemahaman blogger aja. Apa itu? Yaitu cara menambahkan widget baru di side bar. OK, perhatikan di bawah. Ada dua macam tombol back to top-nya. Kalau boleh recomend, pilih aja yang model yang pertama, lebih gokil, cara berpindahnya pun lebih beda. Tapi, kalau yg mau ringan-ringan, pilih aja yang kedua.


# Pertama:
Pastekan aja script di bawah gambar di side bar blog sobat modif. ( Elemen laman >> Klik add gadget ). Gambar di bawah ini nantinya berfungsi untuk tombol back to top-nya. Gambarnya ga dapat diganti. Jangan lupa akhiri dengan save.


cara membuat back to top

<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>


# Kedua:
Pastekan di side bar kode di bawah gambar di side bar blog sobat modif. Pastekan aja suka hati dimana. Kalau mau ganti gambarnya, ganti aja URL gambar yang digaris bawahi.  Lalu akhiri dengan save.

image

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src=' http://i396.photobucket.com/albums/pp48/putro16/Jumptotop.gif >


Bagaimana sekarang blog sobat modif dengan tombol back to top nya, mantebkan.. Sekian dulu ya tutorial cara buat tombol back to top - nya. Wassalam...
Baca juga yang ini:

17 comments:

Leave a Reply