Tutorial cara letak butang back to top pada blog

Back to top adalah sangat sesuai jika blog anda  panjang ke bawah... cara pasang back to top pada blog adalah senang dan mudah...

live demo macam yang anda nampak pada bawah sebelah kanan tu... scroll page ni ke bawah kemudian cuba terai test  tekan...

mula2 pergi ke desbot---desaign---ada gadget---html / jawasekerip kemudian masukkan code di bawah
<script type="text/JavaScript"> var topMargin = 300/*Modified by Polskahackrew*/ var slideTime = 1200 var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); window.setInterval("main()", 10) function floatObject() { if (ns4 || ns6) { findHt = window.innerHeight; } else if(ie4) { findHt = document.body.clientHeight; } } function main() { if (ns4) { this.currentY = document.polskadot.top; this.scrollTop = window.pageYOffset; mainTrigger(); } else if(ns6) { this.currentY = parseInt(document.getElementById('polskadot').style.top); this.scrollTop = scrollY; mainTrigger(); } else if(ie4) { this.currentY = polskadot.style.pixelTop; this.scrollTop = document.body.scrollTop; mainTrigger(); } } function mainTrigger() { var newTargetY = this.scrollTop + this.topMargin if ( this.currentY != newTargetY ) { if ( newTargetY != this.targetY ) { this.targetY = newTargetY floatStart(); } animator(); } } function floatStart() { var now = new Date() this.A = this.targetY - this.currentY this.B = Math.PI / ( 2 * this.slideTime ) this.C = now.getTime() if (Math.abs(this.A) > this.findHt) { this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt this.A = this.A > 0 ? this.findHt : -this.findHt } else { this.D = this.currentY } } function animator() { var now = new Date() var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D newY = Math.round(newY) if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) { if ( ie4 )polskadot.style.pixelTop = newY if ( ns4 )document.polskadot.top = newY if ( ns6 )document.getElementById('polskadot').style.top = newY + "px" } } //--> </script><br /> <div id="polskadot" style="position: fixed;right:7px; bottom:20px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxo9Y-gc__BKuRQhjqurMZQfptGau2KtwKMeUqq8pEmovOHhdFH4VCB6zLr7gUNlg4TlSdDMnlFAuPb6fmH6n17DaAFkP2qOHc23xYKcbDW-vnk5bL_3TOEe5Ch8QHnOZa3TgJqwiAgU/s1600/polska_up.png" /></a></div>

kemudian klik save..senangkan...
<div id="polskadot" style="position: fixed;right:7px; bottom:20px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxo9Y-gc__BKuRQhjqurMZQfptGau2KtwKMeUqq8pEmovOHhdFH4VCB6zLr7gUNlg4TlSdDMnlFAuPb6fmH6n17DaAFkP2qOHc23xYKcbDW-vnk5bL_3TOEe5Ch8QHnOZa3TgJqwiAgU/s1600/polska_up.png" /></a></div>

untuk menukar gambar butang back to top tu gantikan tulisan kaler merah tu dengan url gambar yang anda suka
right tu pula anda boleh tukar kepada left untuk meletakkan butang pada sebelah kiri...
code tu berada pada area baris paling bawah...

code di atas nampak rumit sebab aku compress siap2 untuk anda..