Cara Membuat Tombol Back To Top.

Cara Membuat Tombol Back To Top. Back To Top yang dalam bahasa indonesianya adalah kembali keatas adalah gadget yang berbentuk tombol yang jika kita klik maka membawa kita kembali keatas,ini adalah salah satu fasilitas yang diberikan oleh para blogger untuk para pembacanya,maka tombol back to top ini cukup penting untuk dipasang di blog para sobat.Maka dari tu saya akan memberitahu kalian  Membuat Tombol Back To Top dengan mudah.Langsung aja kita bahas:

 Membuat Tombol Back To Top Dengan Mudah.
- Login ke blog anda.
- Klik segitiga kecil di samping Daftar Entri,lalu klik Tata Letak.
- Klik Add Gadget / Tambahkan Gadget.
- Klik tanda + pada bagian HTML/Java Script.
- Kosongkan judul dan masukkan kode Gadget Back To Top 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglzHOudUbQHPdJROp9tnmNzdbXhCvM_8rP7f0oHTwVxDRu-TGgEBz0WaDNNuK46FJL2Iob3si7Hw6SB1E4Jyd_yyPYzaazoSQy_7DDe6ShbGNU9ULQq599CoOO7iPQYbSTEDz0KMlPa-U/s400/Back-to-top.png" />', //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 tombol simpan
- Dan lihat hasilnya di pojok kanan bawah blog anda

Sekian info yang bisa saya sampaikan tentang Cara Membuat Tombol Back To Top.Semoga setelah anda memasang gadget back to top maka para pengunjung blog anda senang dengan fasilitas yang anda berikan,sekian terimakasih.

Share on: Facebook Twitter Google+ Linkedin Technorati Digg

Related Articles :

Dapatkan Update Artikel Gratis!

• RSS Feed
• Twitter
• Google Plus