Pengunjung yang baik adalah pengunjung yang selalu meninggalkan komentar :)
Posted by : Fitrah Gilang Fadilah February 23, 2014

Cara Membuat Back To Top dengan Effect Memantul
Pada kesempatan kali ini saya mau membahas tentang Cara Membuat Back To Top dengan Effect Memantul.
Mungkin sobat semua udah gk heran dengan Judul Postingan Ini.

Ok langsung aja kita bahas satu per satu !!!

1. Cari kode ]]></b:skin> lalu letakan kode ini di atas kode tadi
#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;}
2. 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>
3. Simpan Template
4. dan pergi ke edit laman ambil tambah gadget dan ambil HTML/JAVASCRIPT lalu letak kan kode di bawah ini
<div id='toTop'><img src='http://3.bp.blogspot.com/-wP7vnh0rzHA/UacSwcOZhkI/AAAAAAAAAUc/Y5MS-eYqaWk/s1600/Back+To+Top.png' style='margin-right:-9px'/></div>
Kode KUNING ganti dengan URL gambar kamu.
Sekian Trima Kasih :v 

Sumber dari http://greenz-blogger.blogspot.com/

Tinggalkan Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DI SINI...</i> atau <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Copyright © 2014 Kuro Usagi - Designed by Fitrah Gilang F Template By Djogzs