Hai!!! kali ini aku mau kasih tahu cara memasang back to top button di blog kalian masing-masing. Aku credit dari Fasya. Mau tahu? Langsung ikuti step-stepnya, ya...
- Masuk ke Blog kamu
- Klik Layout
- Klik Add a Gadget (Pilih kolom yang di Kanan bawah, atau Kiri bawah ya!)
- Cari HTML/Java Script dan Masukan kode di bawah ini di kolom Konten HTML/Java Script tadi
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/************************************************ Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byNovita Lesyani***********************************************/var scrolltotop={setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},controlHTML: '<img src="URL GAMBAR BACK TO TOP KAMU" />',controlattrs: {offsetx:5, offsety:5},anchorkeyword: '#top',state: {isvisible:false, shouldvisible:false},scrollup:function(){if (!this.cssfixedsupport)this.$control.css({opacity:0})var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)if (typeof dest=="string" && jQuery('#'+dest).length==1)dest=jQuery('#'+dest).offset().topelsedest=0this.$body.animate({scrollTop: dest}, this.setting.scrollduration);},keepfixed:function(){var $window=jQuery(window)var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetxvar controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsetythis.$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 : falseif (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=scrolltotopvar iebrws=document.allmainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequestmainobj.$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()!='')mainobj.$control.css({width:mainobj.$control.width()})mainobj.togglecontrol()$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>
- Yang warna merah itu,.. Kamu ganti Pake URL gambar nya.. Pilih di bawah ini ya!.. URL gambar nya ada di bawah gambar yang kamu mau!..
- Atau kalo kamu punya gambar lain,.. Kamu bisa Posting gambar itu di blog kamu,.. Caranya, klik entri baru / New Post. Lalu, pilih Unggah gambar, trus kamu Posting gambar yang kamu mau jadiin Back To top.. Klik Publikasi kan,.. Lalu,.. Klik kanan pada gambar kamu, trus pilih Copy Image URL. Klik Kanan lagi di URL GAMBAR KAMU yang tadi aku kasih,..URL GAMBAR KAMU nya di hapus, ganti dengan, kamu klik kanan, trus kamu klik Paste. Selesai!..
http://img205.imageshack.us/img205/7824/74211510.gif
http://img196.imageshack.us/img196/6670/49238758.png
http://img266.imageshack.us/img266/3325/81258407.png
http://img13.imageshack.us/img13/5533/20610818.png
http://img543.imageshack.us/img543/5941/62667078.png
http://img267.imageshack.us/img267/7242/36935517.png
http://img857.imageshack.us/img857/4428/12543870.png
http://img17.imageshack.us/img17/3190/51122514.png
http://img31.imageshack.us/img31/9105/57461251.png
http://img811.imageshack.us/img811/5130/38543106.png
http://img26.imageshack.us/img26/2135/83340054.png
http://img859.imageshack.us/img859/7859/17455371.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPRVINlS0OB0glwkcsmCdGDge45S92aIR6CO_4NU2tvNbcmxLJeeg2YB4w1lLSDNModj7u5Kg1peCs8-EhAIXZ6ayxpteN2Vrh3EcXHolFgH3nfq1eqI9E_g38FTGyvEx5OoZfrhpf8Nv5/s1600/top-button-domo.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivY7HLSdCz3-2hijILYZVqYTuYMN9TOelUUz9aljaB-VXQko6AaNJj8Ho-Lj9H-8rbfSx3J8Jfz9S8TIl87ncQ5S4YTAhGh4KhQ8W-02pcDtVVMK7qQpEUIuEjFZGQElC2Om99-LtUtadF/s1600/top-button-rice.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk15UnXAo0BCqYRrco3PLp14pdYC6DJLdEnl_uz2hULiL3EymLMHhl-c_aHooyIHtRNpoysKqlY9lQLjYVohea41XUqKflqbROV-MguumHW4VkLlYH1M-9qJjDuGApoh3EBdO3_1Rm91RF/s1600/top-button-froggie.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR5H0QHtLlm4l9hqpy27joKegRG9uExSYaUxUGlqxQsX4jv0s0xUxGlTNQkifsVWoV7_nhzG_b0vXe3FlSVYaMtc2MwzTMuhhig17urVNtBX2FrFp1V0cIX7TPP88TG_cihSfSJyLffifY/s1600/top-button-cute.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFUzUxJJQlLxDWnSXer94xOq0AxqpXyPvaQf0iUWrnGCT_C1Uve_Q6VV1QPv0texyZsULYRE83tZMgwUfTJKNAaWkzKz0wZ1Eh-TDpNbcxFAwoZP4LLrfe5vPz6DIRDIHqMWZlvilDf5f7/s1600/top-button-penguin-.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglea7TYkaVYk5BMGzHYuoBr9cS9bOlzf-Uudyus0D06V5I6R-LEFYbSn7b_tQhrL3tILWliYJzvDuLamKg7ACj17FoBk_55_xaKsOwpC1CoQLwsuX_2AQmIFAI9nQII943vGkJ1vtbm9vF/s1600/top-button-go-up-cute.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJqgqDRbFVgvvtaut-NJyYTbIxD-NSGDOPK60MatVpl2pjHWkfSbApM_m3dRKVCwIqgw6onBFGo6f15Pt6Z3WKJPbg3wbYTmW0TLhrfdyfzZcSZIAKX5CiUl1pSjrMiiyE6btR-j4nft8/s1600/top-button-climb.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Gznf8IInEXcdHM0KHBLlusAoZR9uG2Y3CwsPyAusqll-fdz1QsYzDj0HwsYsomge_m967cgiUk0BQON9R49pz_C5uNoAfXZQwQUOm4RAhMDR8wz8MyNKrBtCrOMKHLLyNC7X0wEW6H8/s1600/back+to+top+by+me.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhheHenZsWR7s4JiMsRZQ-ygRL5B4IMHOqebanmlfzTy9EaWlzFscsHAS44mrq5USXOJpcgX0dFmoWVGr3Ep_tTtghppQq97Zzx6X1RnbInpbCO3aUb0nqEnFPkGshnQ0AtW2Nc8FkVCAM/s1600/back+to+top+2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbYXZUAyrSVAXtRAw8JUJBF5wOqmU_rB0rG4PTbe4Zby18l5OyZ_8U9-8IRkX9qKCgEuo5h1v1ZgCV7MK3WvqXyhQlmljCMVto-ydE-l4nxcUwHQ70KQOX1sUdCnR8vI1YsxoKaz4DvAM/s1600/back+to+top+3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCi_aiI3j4Cc_GIgw1tsQyL73GnQchST_z6NlkIQtfoGXN3ojO41sbN_ytB8Q-VaxOAY7UF4q2Gx0jf8hyPsmaxtNyngobVTPVIwDOlVjb6r1eLXKdmfRlHML8Ut7q4Wb1XZQ9NRb35LM/s1600/back+to+top+4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG8o-jtOljsumRzF2HaVRZoPWT7lSz-32aNi_eF0A9rTl5mPepYbXEd2DYYYtzRImGfAUjMuZolOyQqklcVyuWRj9N3rVoxsc4AHawm1kGpG48op2qddlU-NelI97Uctftovz3Aik7Flk/s1600/back+to+top+5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDfvfudZNKXt7J0Eg5_ny8v-TFHJAPgWtYXaC-8fCjNOuJJwR8GAiC-uuXxPnohi4pqMYCJo2Y0E_UI77GNZRgUBXXIVXOz1MGxpDq1UW2cOvmHaDX48dc1IadxDQA0wx-XdAut8_5cw/s1600/back+to+top+6.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDWq7obz9hyObJCH36PwhPpSFkjkO8N-KCYYCkqt6XnoWnXJftWqU436Cj-tTsd4iH3Bz8hpDxqxtlla7RzFi15czFmScUU8VHtap_iNorOhT8sZ1U5aSfvyx0oEC8sdsj0ew5W7ouJ8o/s1600/back+to+top+7.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYGlBW-f-uDVMatzfWXngsf-g4-9F9TpYEVEIjgdGBd5gvEyPnKuHOzDaLUoVELLcISkM5tmmEdywikqVg315lpuou5g6let-pD5u2ag1vIzvrV2p-KZYECuXHtpH2cqts4zS2j0v3IFw/s1600/back+to+top+8.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuSoGRsixUY-uoOQTgJoaejvFALReqeSDIVotpTeWgVsDI2m745BK7hZM7hT9W3qlQC4qcjPmSnBCKfEyKKjzZK6Ic8Oo2DNmA_P_wRrdaodiXXYqaB-FNVT-PU0PvzJXt7ZEuJAqvp50/s1600/back+to+top+9.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4WyLWLnL1gUzhzR4_LolaOUkjV6mVFxTJxyejYoI-HsDugNUJP2rAiz2hYp7IZb_4g_umoAQCvw_y5KFGFFFZjc08juyr3rpS6uH2zqBRJCWb1W0TAoVDrobA7vIYh3djhBNEsPDMrOg/s1600/back+to+top+10.png
10x.. :)
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteTerima kasih
ReplyDelete