Pages

Friday, September 20, 2013

Blogspot ব্লগে যুক্ত করে নিন Back To Top ওয়েডগেট ।


আজকে আমি আপনাদের জন্য নিয়ে এলাম দারুন 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>   

No comments:

Post a Comment