• Cara memasang BACK TO TOP DENGAN GAMBAR ANIMASI BARBIE di blogger

    Posted by : Ivankgribatako Senin, 06 Januari 2014

    nich gue ada tips baru lagi sobat,..
    memasang back to top keren dgn gambar animasi BARBIE,..sebelumya kan saya sudah
    memposting,,'' cara memasang back to top dgn gambar ANIME,..''
    bedanya back to top ANIME dan  back to top ANIMASI BARBIE,..yaitu
    back to top ANIME,.jika sobat mengklik gambar ANIME-nya 
    maka scroll back to top nya akan meluncur cepat menuju keatas,..''
    sedangkan back to top ANIMASI BARBIE jika sobat mengklik gambar ANIMASI BARBIE
    nya,..maka scroll back to top nya akan meluncur perlahan menuju keatas,..''
    nach,..jadi itulah membedakan keduanya,..''ok,..langsung aja menuju ke TKP,..''
    • login akun blog sobat
    • klik TATA LETAK / LAYOUT
    • klik TAMBAH GADGET
    • klik HTML/JAVASCRIPT
    • Copas kode di bawah sobat,..''
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.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="http://i41.tinypic.com/10fux3p.jpg" />', //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>
    • klik SIMPAN /SAVE . . . ''
    '' CATATAN ''
    Ganti yg warna merah dgn URL gambar sobat ''
    Dan cocok banget buat background yg berlatar putih ''

    '' Nich,..gue ada beberapa macam URL GAMBAR ANIMASI-nya,..''

      http://i41.tinypic.com/10fux3p.jpg 

      http://i40.tinypic.com/2ptcqvk.gif 

      http://i43.tinypic.com/350ufzp.gif 

      http://i42.tinypic.com/2a69yqf.gif 

      http://i40.tinypic.com/2n7mjom.gif 

      http://i39.tinypic.com/25hpn3l.gif 

      http://i44.tinypic.com/210n14g.gif 

      http://i44.tinypic.com/1230bx0.gif 


    '' S E L A M A T   M E N C O B A '' 
     

    • >
    • >
    • Cara memasang BACK TO TOP DENGAN GAMBAR ANIMASI BARBIE di blogger

    { 4 komentar... read them below or Comment }

    • Popular Posts

    Diberdayakan oleh Blogger.

    - Copyright © 2013 LOEW GO.BLOG. - K-ON!! - Powered by Blogger - Designed by IVANK VALENTINE -

    Don't You Think this Awesome Post should be shared ??
    | Cara memasang BACK TO TOP DENGAN GAMBAR ANIMASI BARBIE di blogger |