Selamat Datang di Fadilrubikers Blog

Selamat datang, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan di blog saya ini. Terima kasih telah berkunjung di blog saya, silahkan berkomentar dan follow blog saya, mari kita saling sharing pengetahuan disini.

Sekilas Tentang Penulis

Nama saya Fadil, seorang mahasiswa UIN Syarif Hidayatullah Jakarta prodi Matematika | umur : 19 tahun | Lahir : 07 november 1994 | Agama : Islam | Email: fadil.aidid@gmail.com(G-Talk) | Windows live: fadil.aidid@hotmail.com.

Social Stuff

  • FadiL - Rubikers
  • Twitter
  • Facebook
  • HOME
FadiL
Welcome to my blog
Enjoy this blog, if there is a question / message, please email me!

Thursday, August 19, 2010

Cara Membuat Tombol 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.

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, Pilih Rancangan, Elemen laman >> Klik add gadget lalu pilih HTML/JavaScript ). Gambar di bawah ini adalah nantinya berfungsi untuk tombol back to top-nya. Gambarnya tidak dapat diganti. Jangan lupa akhiri dengan menekan tombol save.


<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 kode di bawah gambar ini di side bar blog sobat!!. Pastekan aja suka hati dimana. Kalau mau ganti gambarnya, ganti aja URL gambar nya yang berwarna merah.  Lalu akhiri dengan menekan tombol save.


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

~Selamat Mencoba~

Bookmark and Share

0 comments:

Post a Comment