Kamis, 11 April 2013

Cara Membuat Tombol Back To Top Sederhana


Kali ini ane mau share tentang bagimana caranya Membuat Tombol Back To Top. Tombol Back to top itu sendiri berfungsi apabila setelah kita mengscroll halaman blog ke bawah dan ingin naik lagi ke atas maka kita tidak perlu menggulung layar keatas lagi. Cukup dengan menekan tombol Back to Top maka otomatis layar akan menggulung sendiri ke atas. Yang ane mau share kali ini yg ga ribet, yg tinggal pasang di pilihan tambah javascript aja.

Langkahnya adalah sebagai berikut:
bismilah dlu ya…
                                                                                    
1. Login ke akun blog anda
2. Klik menu Rancangan, kemudian klik tambah gadget, pilih javascript
3. Kemudian copy dan pastekan kode di bawah ini

 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="URL gambar" /></a>

Anda dapat mengganti title Scroll/Back to Top dan gambar sesuka yg anda inginkan

4. Save

Posisi gadget dimanapun tidak masalah karena letak tombol tersebut fixed (tetap), yang menjadikannya melayang.

Niih ane kasih sedikit iconnya, tinggal copas image locationya di bagian "URL gambar" di scripnya, OK !






Ato kalian bisa cari di mbah gugel dg kata kunci "Back to Top Arrow" pasti langsung bermunculan :D.
Oke sekian dlu dari ane, sampe ketemu lagi n semoga bermanfaat :)

2 komentar:

  1. simple banget ya gan..
    tadi saya praktekan berhasil sobat, saya mau tanya nihh kalo di blog orang lain kok.. past kita teken back to tp nya itu pas udah ketasa ilang.. itu gimana carnya?

    mampir ke blog saya ya gan

    BalasHapus
    Balasan
    1. ane jg blom pnah nyoba gan, next time... insya allah :)

      Hapus