আজকে আমি আপনাদের জন্য নিয়ে এলাম দারুন Back To Top ওয়েডগেট ।
কি কি করতে পারবেন এটা দিয়ে দেখে নিন ।
- আসাতে আসতে উপরে বা নীচে উঠা নামা করাতে পারবেন ।
- আপনি ইছা করলে একটি ইস্থানে দাড় করারতে পারবেন ।
কীভাবে আপনার ব্লগে যুক্ত করবেন ?
- প্রথমে ব্লগার ডেসবোর্ডে লগ ইন করুন
- তারপর layout এ ক্লিক করুন
- এবার আপনি add a gadget এ ক্লিক করুন
- এবার HTML/Java script এ ক্লিক করুন
- এবার আপনি টাইটেল লিখুন (না লিখলেও সমস্যা নেই)
- Content বক্সে নিচেরকোডগুলো কপি করে পেস্ট করুন
- এবার Save Template এ ক্লিক করে সেভ করে নিন ।
ব্যাস হয়ে গেল এবার আপনার ব্লগে গিয়ে দেখুন
<style>
#bsautoscroll{position:fixed;z-index:9999;bottom:0;right:0}
#bsautoscroll a{display:block;float:left;background-color:#3CC091;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipM565CwM0fCFgG6qDslMEHmJAZYfpZgIamBn-qfxitK8iG5AwexuL99CtMRyS555zCNdaRJgPU_IBxe748bXwtabPASC6_nVYw7ajaFCfTZidgU69e4Pgxl0ZZRP6-EGF2nxDBhdTb7m0/s1600/BS+Auto+Scroll.png);width:36px;height:36px;text-indent:-999em}
#bsautoscroll a.bsup{background-position:0 -36px}
#bsautoscroll a.bsdown{background-position:0 -72px}
#bsautoscroll a.bsbottom{background-position:0 -108px}
#bsautoscroll a.bsautoscroll{background-position:0 -144px}
#bsautoscroll a.bsstop{background-position:0 -180px}
#bsautoscroll a:hover{background-color:#394861}
</style>
<script>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='bsautoscroll'>
<a class='bstop' href='javascript:window.scrollTo(0,0);' rel='nofollow' title='To Top'>To Top</a>
<a class='bsup' href='javascript:window.scrollBy(0,-window.innerHeight);' rel='nofollow' title='Page Up'>Page Up</a>
<a class='bsdown' href='javascript:window.scrollBy(0,window.innerHeight);' rel='nofollow' title='Page Down'>Page Down</a>
<a class='bsbottom' href='javascript:window.scrollTo(0,999999);' rel='nofollow' title='To Bottom'>To Bottom</a>
<a class='bsautoscroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>
<a class='bsstop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>
</div>
