CARA MEMBUAT BACK TO TOP DENGAN GAMBAR

New Post again :D 

Oke Kali ini XkresssX-Technology akan share tentang CARA MEMBUAT BACK TO TOP DENGAN EFECT BOUNCE haahha jangan bnyk cincong lg lngsung aja masuk ke TKP !

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

Credit :
X-T

sumber :http://m-technologi.blogspot.com/2012/07/cara-membuat-back-to-top-dengan-gambar.html

About Author Zn-Xp (Fauzan)

Selamat Datang di Blog Yang Simple Ini Dan Jangan Ragu Untuk follow Blog Ini. Follow Twitter Saya ( @White_Heart_19 ) Dan Add Facebook saya ( Fauzan ) Dan Selamat Menikmati Kunjungan Anda Di Blog Ini