Penyolongan Crew

Monday, July 9, 2012

0 Cara Buat Back To Top



CYBER saya akan share tentang 
CARA MEMBUAT BACK TO TOP DENGAN EFECT BOUNCE haahha jangan bnyk cincong lg lngsung aja masuk ke TKP aja gk sabar nih !

Tutor :
Login blog
Pergi ke rancangan
pilih edit HTML
Cari kode ]]></b:skin> lalu letakan kode ini di atas kode yg di tad tdi
#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;}

Cari kode </head> dan letakkan script 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() &gt; 100) { $(&#39;#toTop&#39;).fadeIn(); } else { $(&#39;#toTop&#39;).fadeOut(); } });
    $(&#39;#toTop &gt; img&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>

Simpan Template

dan pergi ke edit laman ambil tambah gadget dan ambil HTML/JAVASCRIPT lalu letakk kan kode di bawah ini
<div id='toTop'><!-- Back to top animation written by farizemo | edited by ilham mboh --><img src='http://i.imgur.com/BVn8n.png' style='margin-right:-9px'/></div>

Tulisan yg warna merah ubah jdi URL Gmabra kamu :D selesai deh mudah kan hehehe

0 comments:

Post a Comment