Ngiring

Jumat, 27 Juli 2012

Membuat scroll Back To Top di blog

Biasanya kl lagi seru baca bisa sampai mentok kebawah pas mau up terpaksa scroll atau drag kan lumayan tuh .eh pas jalan2 nemu blog yang tinggal klik naik ke atas katanya sih button up wah keren juga w pikir, karena bingung coba tanya om yang paling ok di internet set..set..set.. g lama nemu scrip nya dan alhasil seperti yang di blog ini tapi untuk imeg button up nya kl pingin keren bikin sendiri ya oh iya blog ane sempet ancur kaya kena puting beliung gara2 di pasang scrip button up ini semua widget scroll yang ter pasang jd hilang berubah normal tanpa scroll waduh..ane sempet rubah templet jd templet default...ternyata g se extrim itu padahal tinggal delet dulu widget nya terus pasang lagi yang penting cara bikin scroll masih inget yasudah lah langsung bae :

1. login
2. Pilih Tata Letak
3. Silahkan tuju pada halaman edit HTML.jangan lupa centang expad templet widgetnya
CTRL + F ketik </body>
4. kemudian letakan kode dibawah ini diatas tag </body>






<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i1155.photobucket.com/albums/p550/danikaleci/backtotopbutton.png'/></a>

5. Simpan Temlate
bisa pake
  • http://i1155.photobucket.com/albums/p550/danikaleci/topT.png
  • http://i1155.photobucket.com/albums/p550/danikaleci/tesr.png
  • http://i1155.photobucket.com/albums/p550/danikaleci/backtotopbutton.png

NB: Jika anda ingin megatur jarak image silahkan edit di bagian kode: 5px;right:5px; Anda juga bisa,Mengganti posisi images dengan menganti position: fixed; dengan position: absolute; position: relative; dan position: static;
dan untuk tulisan yang berwarna pink  bisa ganti dengan URL image lainya