News Update :

Membuat Back To Top dengan Efek Bounce Keren

Diposting oleh : Posted on Rabu, 30 Januari 2013 - 10:12 AM with No comments


Pertama Sobat Login Dulu Blognya.
Terus Masuk ke menu Template, Centang Expand Template Widget, Cari Kode </head>
Kemudian Copy dan paste kdoe berikut ini Di atas kode </head>
KODE CSS/JAVASCRIPT :
<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;#HermanbagusTop&#39;).fadeIn(); } else { $(&#39;#HermanbagusTop&#39;).fadeOut(); } });
$(&#39;#HermanbagusTop &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>


Kemudian Simpan.

Langkah Kedua, Masuk ke Menu Tata letak, Tambahkan Gadget, Html / Javascript.
Copy dan paste kode berikut pada menu Html/ Java script.
KODE CSS/JAVASCRIPT :
<style>
#HermanbagusTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none;}
</style>
<div id='HermanbagusTop'><img src='http://4.bp.blogspot.com/-N1yMiMKul_s/UN_riEUlSUI/AAAAAAAAHN0/1wBpCdmxQmA/s150/back+to+top+hermanbagus.png' style='margin-right:-9px'/></div>


Kemudian Simpan dan Lihat Hasilnya, selamat mencoba dan berkreasi >>
Share this Article on :
Membuat Back To Top dengan Efek Bounce Keren
Item Reviewed: Membuat Back To Top dengan Efek Bounce Keren 9 out of 10 based on 10 ratings. 9 user reviews.

0 komentar:

Posting Komentar

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.