- Back to Home »
- Blogging »
- Cara Membuat Back Top up dengan efek Bounce
Posted by : Unknown
Agustus 05, 2012
Tutor :
1. Login Blogger
2. Klik Rancangan -> Edit Html
3. Cari Kode ]]></b:skin> . Letakan Kode Di bawah ini , Di atas Kode ]]></b:skin>
#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;}
4. Cari Kode </head> . Letakan Kode Di bawah ini , Di atas Kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() > 100) { $('#toTop').fadeIn(); } else { $('#toTop').fadeOut(); } });$('#toTop > img').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>
5. Simpan Template
6. Buka Elemen laman -> Tambah Gadget -> Html/Java Script
7. Copy / Paste Kode Di Bawah ini
<div id='toTop'><!-- Back to top animation written by farizemo | edited by ilham mboh --><img src='http://i.imgur.com/BH0Vf.png' style='margin-right:-9px'/></div>
Note :
- Ganti Text Warna '' Merah '' Dengan Link Foto Anda
Selamat Mencoba :D
Jangan Lupa Follow Dan Visit Terus ..
Sumber : Cheater Maninjau
Backlink Please
URL |
Code For Forum |
HTML Code |