blogBLOG UNIVERSAL

backTOP IMAGES

backTOP IMAGES

Ubah tulisan LINK IMAGE dengan satu LINK IMAGE yang Anda suka
yang Anda pilih dari daftar LINK IMAGE dibawah ini.

<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/215612711/backTOP/bTOP.js"></script>
<script type="text/javascript" >
var scrolltotop={
    //startline:Integer.Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto:Keyword(Integer,or"Scroll_to_Element_ID").How far to scroll document up when control is clicked on(0=top).
    setting:{startline:100,scrollto:0,scrollduration:1000,fadeduration:[500,100]},
    controlHTML:'<img src="LINK IMAGE"/>',//HTML for control,which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs:{offsetx:5, offsety:5},//offset of control relative to right/ bottom of window corner
    anchorkeyword:'#top',//Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state:{isvisible:false,shouldvisible:false},
    scrollup:function(){
        if(!this.cssfixedsupport)//if control is positioned using JavaScript
            this.$control.css({opacity:0})//hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto)
        if (typeof dest=="string"&&jQuery('#'+dest).length==1)//check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop:dest},this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft()+$window.width()-this.$control.width()-this.controlattrs.offsetx
        var controly=$window.scrollTop()+$window.height()-this.$control.height()-this.controlattrs.offsety
        this.$control.css({left:controlx+'px',top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)?true:false
        if (this.state.shouldvisible&&!this.state.isvisible){
            this.$control.stop().animate({opacity:1},this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false&&this.state.isvisible){
            this.$control.stop().animate({opacity:0},this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws||iebrws && document.compatMode=="CSS1Compat"&& window.XMLHttpRequest//not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)?(document.compatMode=="CSS1Compat"?$('html'):$('body')):$('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport?'fixed':'absolute',bottom:mainobj.controlattrs.offsety,right:mainobj.controlattrs.offsetx,opacity:0,cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup();return false})
                .appendTo('body')
            if (document.all&&!window.XMLHttpRequest&&mainobj.$control.text()!='')//loose check for IE6 and below,plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()})//IE6-seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="'+ mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize',function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()</script>

http://4.bp.blogspot.com/-F5oBQSm2oNA/Ukfluu3xBpI/AAAAAAAAEDk/uqU65cm7Ivk/s1600/01.png

http://3.bp.blogspot.com/-PWH_tMugL7A/UkfmCskL2gI/AAAAAAAAEDs/ekgSA4_GoY8/s1600/02.png

http://4.bp.blogspot.com/-BMn1sxJNUQc/UkfnYZQ7hVI/AAAAAAAAED0/1PEbmGfE3n8/s1600/03.png

http://4.bp.blogspot.com/-MjqzbWJYYKA/UkfoqgKwLdI/AAAAAAAABzQ/OKQTqVcB_mM/s1600/04.png

http://2.bp.blogspot.com/-LGVqRnJyEqE/UkfpOfvRkdI/AAAAAAAABzY/EQ8jOjCOjYg/s1600/05.png

http://4.bp.blogspot.com/-xkJXy6m-m18/UkfqhopDU6I/AAAAAAAABzk/sGaRPYqORD8/s1600/06.png

http://3.bp.blogspot.com/-8ClB7ZJDCcg/UkfrHmJF5uI/AAAAAAAAEEU/f4fXAISbXic/s1600/07.png

http://2.bp.blogspot.com/-KdVlLBy2Tm0/UkfsyDCo0DI/AAAAAAAAEEc/cLdY9CbzY7Y/s1600/08.png

http://1.bp.blogspot.com/-KDTxeITXVZM/Ukfs7zAAJlI/AAAAAAAAEEk/vSS0I2I8Rm4/s1600/09.png

http://2.bp.blogspot.com/-LWzuhSBrp78/Ukfxiui9_PI/AAAAAAAAB1Q/khs92jOjSO4/s1600/10.png

http://4.bp.blogspot.com/-WWA_Ejx7oYo/UkfxzLtXpgI/AAAAAAAAB1Y/GTgbswckLGE/s1600/11.png

http://2.bp.blogspot.com/-iysUZuYtHHs/Ukfx8Cr4UVI/AAAAAAAAB1g/mSw9UJhnqRE/s1600/12.png

http://4.bp.blogspot.com/-To2hnFhRFPM/UkfyLlBkVVI/AAAAAAAAB1o/_wNZaHX9JfE/s1600/13.png

http://2.bp.blogspot.com/-hFR-emRTEjw/Ukf5GCn2IJI/AAAAAAAAB14/kylsiJjlm5c/s1600/14.gif

http://2.bp.blogspot.com/-QY-qrNqHoUQ/Ukf5SKSXinI/AAAAAAAAB2A/nqVfVzIKLm4/s1600/15.png

http://2.bp.blogspot.com/-yK8L4B_ws1g/Ukf5eq1EGxI/AAAAAAAAB2I/yY30yF2OxzE/s1600/16.png

http://2.bp.blogspot.com/-e6i08BzqMoQ/Ukf5pnFpQVI/AAAAAAAAB2Q/CdKrV8_xXeQ/s1600/17.png

http://4.bp.blogspot.com/-zwGG-1bZqU0/UkgDxl3gJtI/AAAAAAAAB2g/WrEXI3-kEno/s1600/18.png

http://4.bp.blogspot.com/-hpE4cudLfnQ/UkgECCwiLvI/AAAAAAAAB2o/x-y5BBMdCiU/s1600/19.png

http://4.bp.blogspot.com/-7amhsHujl0E/UkgEUzfUmRI/AAAAAAAAEF8/0f63AYx4GDI/s1600/20.png

http://2.bp.blogspot.com/-QLsgvvtDbvI/UkgEf0y7jMI/AAAAAAAAEGE/x4tDlR9vPcs/s1600/21.png

http://4.bp.blogspot.com/-ZyDidXJDaSQ/UkgF6icd4BI/AAAAAAAAEGM/bTLMYEUNqro/s1600/22.png

http://3.bp.blogspot.com/-6dgLHAAM_ek/UkgGG4m3BVI/AAAAAAAAEGU/vhZrT5Q_gVQ/s1600/23.png

http://4.bp.blogspot.com/-dVgdp7l7hL4/UkgGSKfg4zI/AAAAAAAAB3U/nRhXC5Q3Ws0/s1600/24.png

http://1.bp.blogspot.com/-JPlSo4jmkdU/UkgGgBRLxZI/AAAAAAAAB3c/BWWcZXXSumk/s1600/25.png

http://3.bp.blogspot.com/-WiMzDh0R67E/UkgGtmv3jUI/AAAAAAAAB3k/nUVbtYOz_mI/s1600/26.png

http://4.bp.blogspot.com/-Kuzk9A2Mbfk/UkgHFTvNeCI/AAAAAAAAB3w/lDQm-JWgrMk/s1600/27.png

http://1.bp.blogspot.com/-ar8fH9QbxJE/UkgHVL6shlI/AAAAAAAAB34/ZBfWVozJgK8/s1600/28.png

http://4.bp.blogspot.com/-86dHKf323Kg/UkgHhMb8XWI/AAAAAAAAB4A/WnoWndTDPvU/s1600/29.png

http://4.bp.blogspot.com/-J3uqU4rGY4g/UkgHsrrB17I/AAAAAAAAEHM/xVbO-KLhsJk/s1600/30.png

http://2.bp.blogspot.com/-xhJv7uESZCU/UkgH40kIO_I/AAAAAAAAEHU/a-6WrRS1i3w/s1600/31.png

http://1.bp.blogspot.com/-VqXcUfmTkKo/UkgJOI5K1fI/AAAAAAAAEHc/MlEFYI6BzZA/s1600/32.png

http://4.bp.blogspot.com/-UpJpvF3jG0M/UkgJbVu0qRI/AAAAAAAAEHk/DWhFP2nSJyU/s1600/33.png

http://1.bp.blogspot.com/-dmTBdt9QPic/UkgKp2bw7LI/AAAAAAAAEHs/fzVcayOFneI/s1600/34.png

http://1.bp.blogspot.com/-rsxZi20cdLE/UkgK_6aV-VI/AAAAAAAAB5I/5v6_7F0pHs8/s1600/35.png

http://1.bp.blogspot.com/-1Dz-RyXW9Fc/UkgLNeEpMCI/AAAAAAAAEH8/qCMSXEJIwvs/s1600/36.png

http://4.bp.blogspot.com/-qL_VXL-ZOgs/UkgLYwGoQ9I/AAAAAAAAB5Y/cDbKPcnCLiU/s1600/37.png

http://4.bp.blogspot.com/-YCuWpCzNG-Q/UkgL2Udo6GI/AAAAAAAAEIM/tOZY8YEgbB4/s1600/38.png

http://3.bp.blogspot.com/-VGpJd-i5FZ8/UkgMCgKytaI/AAAAAAAAB5s/f7YwtRep_A4/s1600/39.png

http://2.bp.blogspot.com/-uOUuZJ4bx2Y/UkgMObtAYPI/AAAAAAAAB50/Smiqcus_dKM/s1600/40.png

http://1.bp.blogspot.com/-NposRedhpJQ/UkgMaDO9NVI/AAAAAAAAEIk/wbsNoZ_EtqU/s1600/41.png

http://4.bp.blogspot.com/-BS3MRZJL7S8/UkgMkmrVTnI/AAAAAAAAB6E/BwpC5XTt2j8/s1600/42.png