Posted by : Ryo Apri 31 Mei 2012

Yok ngeposting Trik Blogger lagi xD kwowkowkowkowk


Kali ini w ngeposting Back To Top With Bounce Effect ,untuk demo bisa liat di blog ku ini ^^

Nah ,Kalo mau buat ...simak baik baik yaa

1.Buka kun blogger kalian Klik rancangan lalu pilih Edit HTML
2.Centang Expand Template Widget dan cari kode ]]></b:skin>
3.Dan letakkan kode berikut diatasnya

#toTop {        text-align:center;        position:fixed;         bottom:0px;         right:10px;        cursor:pointer;        display:none;        color:#000;        font-family:verdana;        font-size:11px;}

4.Dan letakkan kode berikut dibawah </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>

5.Lalu cari kode </body> dan letakkan kode berikut atasnya

<div id='toTop'<img src=' http://2.bp.blogspot.com/-VJEbEckpV9Q/T1pkbrlU2WI/AAAAAAAAApQ/b20s0p4klDI/s1600/back+to+top.png' style='margin-right:-9px'/></div>

Lalu save deh template kalian semoga bermanfaat

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Banner

banner banner banner banner

Follow

Blog, Blogger, Tips, Tricks, Music, Ryo, Apri, R-Ryuzaki™, Ryo Apri, Science, software, template, colour code, social, Game, l-nino Blog, Blogger, Tips, Tricks, Music, Ryo, Apri, R-Ryuzaki™, Ryo Apri, Science, software, template, colour code, social, Game, l-nino

- Copyright © 2013 RLanzer -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -