ব্লগস্পট ব্লগে যুক্ত করে নিন অসাধারন Back To Top ওয়েডগেট । একদম নতুন স্টাইল ।

বন্ধুরা সবাই ক্যামন আছেন আশাকরি সবাই খুব ভাল আছেন আজকে আমি আপনাদের জন্য নিয়ে এলাম দারুন Back To Top ওয়েডগেট । সত্যিই খুব মজার এটা । কি কি করতে পারবেন এটা দিয়ে দেখে নিন । আসাতে আসতে উপরে বা নীচে উঠা নামা করাতে পারবেন । আপনি ইছা করলে একটি ইস্থানে দাড় করারতে পারবেন , এটা দেখতেও খুব সুন্দর তাই ব্যবহার করে দেখুন ভাল লাগবে । নীচে এর ডেমো দেখে নিন ।

কীভাবে আপনার ব্লগে যুক্ত করবেন ?

১) প্রথমে আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন । এবার আপনার ব্লগের Template এর Back up নিয়ে নিন । তার পর Edit HTML এ ক্লিক করুন ।

২) এবার আপনার মাউস টিকে কোড বক্সে একবার ক্লিক করে Ctrl+F প্রেস করুন তারপর নীচের কোডটি খুজে বের করুন ।

</body>

৩) উপরের কোডটি খুজে পেলে তার ঠিক আগে বা উপরে নীচের কোডটি কপি করে পেস্ট করুন ।


<style>
#bsautoscroll{position:fixed;z-index:9999;bottom:0;right:0}
#bsautoscroll a{display:block;float:left;background-color:#CC0099;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEu_z_uYjUKH5MQwsEjMjANUMSZ3cpP9XfJdoMy9Vs1woQ_kooeJWjjuNxqv_76svnmfKqi3cnhJdeu8Mx_h8Podg70b-9gd5BQ5lSzIQ5ZsMGJf-dMYZ6L0COZpEg0-vqUpC9pz_jMh8Z/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:#8E006B}
</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>


৪) এবার Save Template এ ক্লিক করে সেভ করে নিন । ব্যাস হয়ে গেল এবার আপনার ব্লগে গিয়ে দেখুন ।