Oke, tombol back to top ini mungkin menjadi solusi dalam permasalahan ini. Dengan tombol ini, blog anda akan lebih user friendly karena memudahkan pengunjung dalam mengembalikan scroll keatas apabila sedang dibawah. Pengunjung hanya tinggal mengklik tombol tersebut dan halaman akan otomatis scroll keatas dengan sendirinya. Berbicara tentang tombol ini, sebelumnya saya juga sempat menjelaskan bagaimana membuat tombol ini, di Memasang tombol back to top simpel. Bedanya, pada kali ini tombol back to topnya lebih menarik. Dihiasi dengan efek jquery bounce.
Langkah-langkah:
Pertama, seperti biasa sobat langsung masuk ke halaman pengeditan HTML sobat. Lalu simpan kode dibawah ini tepat diatas kode </head>
Kedua, masih berada diarea tersebut. Simpan kode javascript Jquery Bounce diatas kode </head> untuk memberi efek smooth dan bouncenya.<script type='text/javascript'> $(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } }); $('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); }); </script>
Ketiga, langkah untuk memasang tombol back to topnya. Sobat langsung pergi ke halaman Tata Letak. Buatlah widget HTML/Javascript dan masukan kode dibawah ini lalu simpan<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
Oiya, sobat juga bisa merubah gambar tombolnya dengan merubah kode berwarna Orange, lalu ganti dengan link gambar tombol yang ingin sobat pasang.<style type='text/css' scoped='scoped'> #BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none} </style> <div id='BounceToTop'><img alt='Back to top' src='http://4.bp.blogspot.com/-tq9iYW3L-E0/UwyGmT28eoI/AAAAAAAACLk/jCw1wcRL8GA/s1600/back-to-top.png'/></div>
Untuk demonya, sobat bisa coba scroll halaman Blognya Reggy kebawah, tombol akan muncul dengan otomatis dan apabila di klik, halaman ini akan terscroll dengan sendirinya keatas. Dengan efek smooth fade dan pantulan bounce bila sudah berada diatas halaman.
Oke cukup sekian artikel tentang Memasang Tombol Back to top efek Jquery Bounce. Semoga bermanfaat bagi sobat-sobat sekalian :)
maksudnya gimana sih mas ini langkah ke dua itu mas
maaf gan,,maksudnya itu kode lngkah kedua di simpan di atas langkah pertama gan,,
Mudah - mudahan bisa saya terapkan diblogku.
Terimakasih banyak mas, sangat membantu sekali artiklnya... keep posting mas..
http://landongobatherbal.com/obat-herbal-kanker-serviks/
PROMO TERBARU DARI AFRIANI SHOP CELLULER UNTUK THN 2015 BERBAGAI TIPE HANDPHONE SEPERTI BlackBerry>Samsung>Smartfren.
Sony>Nokia>Apple>Acer>Canon>Dell>Nikon>DLL Bila berminat silahkan
Hotline : HP: 082311467788 ( BB 295a367f ) ATAU KLIK WEBSITE www.afrianishop.com
Ready stock barangx
Samsung Galaxy E7
Baru : Rp. 2.200.000
Samsung Galaxy J5
Baru : Rp. 1.300.000
Samsung Galaxy S6
Baru : Rp. 5.700.000
Samsung Galaxy
Baru : Rp. 1.100.000
Samsung Galaxy A3
Baru : Rp.2.800.000
Samsung Galaxy Core Prime
Baru : Rp. 1.100.000
Samsung Galaxy Core
Baru : Rp. 2.800.000
Samsung Galaxy S5 Plus
Baru : Rp. 5.800.000
Samsung Galaxy A5Max
Baru : Rp. 1.700.000
Samsung Galaxy S5 Active
Baru : Rp. 4.890.000
Samsung Galaxy Tab Active LTE
Baru : Rp. 3.750.000
Samsung Galaxy Avant
Baru : Rp. 1.250.000
Samsung Galaxy Ace 4
Baru : Rp. 1.100.000
Samsung I8200 Galaxy S III Mini VE
Baru : Rp. 1.399.000
Ssmsung Z
Baru : Rp. 1.899.000
Samsung Galaxy S3 Neo
Baru : Rp. 1.699.000
Samsung Galaxy ATIVE SE
Baru : Rp. 3.850.000
Samsung Galaxy Note 3 Neo Lite
Baru : Rp. 3.799.000
Samsung Galaxy S5
Baru : Rp. 5.499.000
Samsung Galaxy J
Baru : Rp. 3.455.000
Samsung Galaxy E7
Baru : Rp. 2.200.000
Samsung Galaxy J5
Baru : Rp. 1.300.000
Samsung Galaxy S6
Baru : Rp. 5.700.000
Samsung Galaxy
Baru : Rp. 1.100.000
Samsung Galaxy A3
Baru : Rp.2.800.000
Samsung Galaxy Core Prime
Baru : Rp. 1.100.000
Samsung Galaxy Core
Baru : Rp. 2.800.000
Samsung Galaxy S5 Plus
Baru : Rp. 5.800.000
Samsung Galaxy A5Max
Baru : Rp. 1.000.000
Samsung Galaxy S5 Active
Baru : Rp. 4.890.000
Samsung Galaxy Tab Active LTE
Baru : Rp. 3.750.000
Samsung Galaxy Avant
Baru : Rp. 1.250.000
Samsung Galaxy Ace 4
Baru : Rp. 1.100.000
Samsung I8200 Galaxy S III Mini VE
Baru : Rp. 1.399.000
Ssmsung Z
Baru : Rp. 1.899.000
Samsung Galaxy S3 Neo
Baru : Rp. 1.699.000
Samsung Galaxy ATIVE SE
Baru : Rp. 3.850.000
Samsung Galaxy Note 3 Neo Lite
Baru : Rp. 3.799.000
Samsung Galaxy S5
Baru : Rp. 5.499.000
Samsung Galaxy J
Baru : Rp. 3.455.000
Banteng88 MASTER AGEN BOLA
Banteng88 MASTER AGEN JUDI
Agen Bola
Agen Judi
Agen Judi Online
Agen SBOBET
Agen IBCBET
Agen Casino
Poker Online
Agen Judi Terpercaya
Prediksi Bola
Bandar Judi
Bandar Bola
Judi Online
Bola Online
Yang dipakai di blog reggy ini juga seperti tutorial ini ya mas?
Pasang Iklan di website Iklan Baris 200 pengunjung / hari:
www.iklanbaris-gratis.net
www.iklanbaris-bisnis.com
www.iklanbaris-website.com
artikelnya sangat menarik dan nggak ngebosenin saat di baca, makasih yah. ditunggu juga nih kunjungannya di blog aku.
OBAT ALZHEIMER PALING AMAN
Salam blogger Indonesia !!!
Iklan CPM Terbaik
Web Hosting Terbaik
Cara Mengganti Template Blog
Iklan PPC Terbaik
Cara Meningkatkan Pengunjung Blog
Cara Mendapatkan Uang Dari Blog
Cara Meningkatkan CPC Adsense
Penghasilan Adsense Menurun
Penyebab Traffic Blog Menurun
Cara Agar Artikel Cepat Terindex Google
Traffic Blog Tak Kunjung Naik
Plugin Wordpress Terbaik
Di detail artikel blognya reggy ini tombol back to top-nya kok ga muncul ya?
PENYEBAB & CARA MENGATASI OBESITAS, BACA SELENGKAPNYA >>
kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
berikan 4 angka ((( 6 2 4 2 ))) alhamdulillah ternyata itu benar2 tembus AKI.
dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
allah saya akan coba untuk membuka usaha sendiri demi mencukupi
kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
sekali lagi makasih banyak ya AKI bagi saudara yang suka main togel
yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,DI NO Cll (((082-313-336-747)))
insya allah anda bisa seperti Saya menang togel 179
juta, wassalam.
dijamin 100% jebol saya sudah buktikan...sendiri....
Apakah anda termasuk dalam kategori di bawah ini !!!!
1"Dikejar-kejar hutang
2"Selaluh kalah dalam bermain togel
3"Barang berharga anda udah habis terjual Buat judi togel
4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat
5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
tapi tidak ada satupun yang berhasil..
Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
anda semua dengan Angka ritwal/GHOIB:
butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
100% jebol
Apabila ada waktu
silahkan Hub: AKI SOLEH DI NO: Cll (((082-313-336-747)))
KLIK DISINI ((((( BOCORAN DUKUN TOGEL HARI INI ))))
angka GHOIB: singapur 2D/3D/4D/
angka GHOIB: hongkong 2D/3D/4D/
angka GHOIB; malaysia
angka GHOIB; toto magnum 4D/5D/6D/
angka GHOIB; laos
thanks for your post, very useful information! now I know how to do it
điều trị xuất tinh sớm hcm
Daftarkan Diri Anda Sekarang Juga Di www.bolacasino88.com Agen Judi Online Terpercaya Di Asia.
Untuk Registrasi Silahkan Klik Link : http://www.bolacasino88.com/index.php?page=signup
Pelayanan Yang Professional Dan Ramah
Di Jamin 100% Tidak Adanya BOT Dan ADMIN.
- Minimal Deposit 20.000
- Minimal Withdraw 50.000
Dapatkan Hot Promo Kami Seperti :
- Bonus Refferal Seumur Hidup
- Bonus Sportsbook 100%
- Cashback Sportbook 5% - 15%
- Bonus Deposit Games 10%
- Cashback Games 5%
- Bonus Komisi Casino 0,8%
NB : Syarat Dan Ketentuan Berlaku
Nikmati 7 Permainan Dalam 1 Web Seperti:
- Sports
- Live Casino
- Togel
- Poker
- Slot Games
- Nomor
- Financial
Untuk Informasi Lebih Lengkap Silahkan Hubungi Customer Service Kami :
- Live Chat 24 Jam Online
- No Tlp ( +855962671826 )
- BBM ( 2BF2F87E )
- Yahoo ( cs_bolacasino88 )
- Skype ( bola casino88 )
- Facebook ( bolacasino88 Official )
Artikel Hot : https://prediksitogelgoyangasoi.blogspot.co.id/2017/10/gawat-partai-berkarya-dirian-tommy.html
https://prediksitogelgoyangasoi.blogspot.co.id/2017/10/rita-widyasari-kalau-saya-mati-itu.html
Become a Master with ROYALQQ.
ROYALQQ memberikan BUKTI bukan JANJI.
200% FAIR PLAY | 200% PLAYER vs PLAYER
PROSES DEPOSIT DAN WITHDRAW CEPAT HANYA 1 MENIT!
MINIMAL DEPOSIT 15.000
BONUS TURNOVER 0.5% [EVERYDAY!]
BONUS REFFERAL 20% [SEUMUR HIDUP!]
Kami menyediakan 7 HOT GAMES Terpopuler dalam 1 ID.
-DOMINO | -BANDARQ | -BANDARPOKER | -POKER | -CAPSA | -ADUQ | -SAKONG ONLINE
Rasakan bedanya bermain di ROYALQQ.
Contact Us :
Call : +855 8771 3624
BBM : 2B68D666
Berkomentarlah dengan baik dan sopan. Dilarang oot dari artikel diatas. Komentar yang menyertakan link aktif maupun statis termasuk promosi akan langsung kami hapus.
Show Konversi Kode Hide Konversi Kode Show Emoticon Hide Emoticon