Saturday, September 10, 2011

Cara Membuat Tombol Back to Top Tanpa JQuery

Cara membuat widget tombol back to top - Mungkin artikel ini sudah banyak yang tahu, yaitu tombol back to top. Sobat tahu back to top ? Tombol ini berfungsi untuk menampilkan bagian atas (header) dengan satu kali klik, dan juga tentunya tanpa merefresh halaman tersebut ... Yuk langsung sob ...
  • Dasbor > Rancangan / Layout
  • Tambah Gadget
  • Pilih HTML / JavaScript
  • Copy lalu paste kode berikut pada kotak form HTML / JavaScript 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrYgEvVu_PFd4yBbTl_BQ_Dma_g0pFukbpspPvuSnpyErktOQLr5xa5OfNUei62lfHe59V7YfuOCYQM3veF9PO5yYj9AYxIbL5nKu_VrUAaqndopaPWKbEYTP2LQhyKicZwSrIIZ57SnRH/s1600/backtotop.png" /></a>
  • Simpan !

Ket :
- Untuk link yang berwarna merah, bisa diganti dengan url gambar yang diinginkan

Terbukti bukan, trik ini tidak menggunakan script jquery ... Oke sob, sekian dulu ^^ ...

Selesai

    No comments:

    Post a Comment

    My Ping in TotalPing.com
    Feedage Grade D rated
    Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
    Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
    Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
    Ping your blog, website, or RSS feed for Free