Minggu, 24 Juni 2012

Membuat Scroll Up Button untuk Blog

Diposting oleh Unknown on , Label: | 0 komentar

Langsung saja tanpa betelete-tele Sahabat.....
  1. masuk ke Edit Html anda Sahaba
  2. kemudian cari <Body>
  3. Copy code dibawah ini
  4. <!--www.ewapdam.blogspot.com-scrollup starts-->
    <style type='text/css'>
    #techblaster {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:90px;background-color: #f189f2;background-color: rgba(241, 137, 242, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99f189f2',EndColorStr='#99f189f2');text-align:center;padding:5px;position:fixed;bottom:9px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #f84141;}
    </style>
    <script src='http://yourjavascript.com/4888411114/scroll up.js' type='text/javascript'/>
    <script type='text/javascript'>
        $(function() {
            $.fn.scrollToTop = function() {
                $(this).hide().removeAttr("href");
                if ($(window).scrollTop() != "0") {
                    $(this).fadeIn("slow")
                }
                var scrollDiv = $(this);
                $(window).scroll(function() {
                    if ($(window).scrollTop() == "0") {
                        $(scrollDiv).fadeOut("slow")
                    } else {
                        $(scrollDiv).fadeIn("slow")
                    }
                });
                $(this).click(function() {
                    $("html, body").animate({
                        scrollTop: 0
                    }, "slow")
                })
            }
        });
        $(function() {
            $("#techblaster").scrollToTop();
        });
    </script>
    <a href='#' id='techblaster' style='display:none;'>Scroll UP</a>
    <!--www.ewapdam.blogspot.com-scrollup ends-->
 5. Jangan Lupa di simpannya  dan lihat hasilnya Sahabat...


    0 komentar:

    Posting Komentar

    Langganan: Posting Komentar (Atom)