Archive Pages Design$type=blogging

Cara Membuat Tombol Back To Top Terbalik

Assalammualakum Wr Wb Kali Ini Grew Uciha Akan Memberi Tau  Cara Membuat Tombol BAck To Top Terbalik Login terlebih dahulu ke akun blog kali...


Assalammualakum Wr Wb
Kali Ini Grew Uciha Akan Memberi Tau 
Cara Membuat Tombol BAck To Top Terbalik


  • Login terlebih dahulu ke akun blog kalian
  • Masuk ke bagian layout / tata letak
  • Tambah gadget
  • Pilh add HTML / Java script
  • Lalu simpan kode dibawah ini :


<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="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-frc3/t1/1655927_536539693128324_1408593383_n.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>





  • Ganti Kode warna Pink dengan URL Gambar kalian!
  • Kalau Tidak Mau ganti Tidak apa-apa, itu juga sudah bagus kok !!
  • Keren bukan? Jika sudah. Simpan!

    Semoga Bermanfaat :)
  • COMMENTS

    Name

    Award Banner Blogger Blogger Kepri Cara Cheat Pc Event Exchange Facebook Food Game Grew Uchiha Hotel Html Info Instagram Jasa Pembuatan Kesehatan Maskot Musik Naruto Paket Wisata Pengetahuan Promotion Review Sofware Tema Template Tour & Travel Trip TULISAN LAIN Wisata
    false
    ltr
    item
    Batam Promotion: Cara Membuat Tombol Back To Top Terbalik
    Cara Membuat Tombol Back To Top Terbalik
    http://2.bp.blogspot.com/-JSROae1lxJ4/UvZDlqNUrfI/AAAAAAAABOM/M17qS2tSS7E/s1600/Banner-Grew-Uchiha-125.gif
    http://2.bp.blogspot.com/-JSROae1lxJ4/UvZDlqNUrfI/AAAAAAAABOM/M17qS2tSS7E/s72-c/Banner-Grew-Uchiha-125.gif
    Batam Promotion
    https://www.batampromotion.com/2014/02/cara-membuat-tombol-back-to-top-terbalik_11.html
    https://www.batampromotion.com/
    https://www.batampromotion.com/
    https://www.batampromotion.com/2014/02/cara-membuat-tombol-back-to-top-terbalik_11.html
    true
    3134349225510853037
    UTF-8
    Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago