বন্ধুরা সবাই ক্যামন আছেন আশাকরি সবাই খুব ভাল আছেন আজকে আমি আপনাদের জন্য নিয়ে এলাম দারুন Back To Top ওয়েডগেট । সত্যিই খুব মজার এটা । কি কি করতে পারবেন এটা দিয়ে দেখে নিন । আসাতে আসতে উপরে বা নীচে উঠা নামা করাতে পারবেন । আপনি ইছা করলে একটি ইস্থানে দাড় করারতে পারবেন , এটা দেখতেও খুব সুন্দর তাই ব্যবহার করে দেখুন ভাল লাগবে । নীচে এর ডেমো দেখে নিন ।
কীভাবে আপনার ব্লগে যুক্ত করবেন ?
১) প্রথমে আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন । এবার আপনার ব্লগের Template এর Back up নিয়ে নিন । তার পর Edit HTML এ ক্লিক করুন ।
২) এবার আপনার মাউস টিকে কোড বক্সে একবার ক্লিক করে Ctrl+F প্রেস করুন তারপর নীচের কোডটি খুজে বের করুন ।
</body>
<!--Auto Blog Scroll Widget by www.asobondhu.blogspot.com Starts-->
<style>
#bsautoscroll{position:fixed;z-index:9999;bottom:0;right:0}
#bsautoscroll a{display:block;float:left;background-color:#CC0099;background-image:url(http://4.bp.blogspot.com/-cbl1BzEtRn0/UaCHAbq7E8I/AAAAAAAADGQ/sSfZLUJoeuM/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>
<!-- End of Auto Blog Scroll Widget by- http://www.asobondhu.blogspot.com -->
৪) এবার Save Template এ ক্লিক করে সেভ করে নিন । ব্যাস হয়ে গেল এবার আপনার ব্লগে গিয়ে দেখুন ।
* কোন সমস্যা হলে জানাবেন । ভাল লাগলে একটি কমেন্ট করে জানবেন । ভাল থাকবেন সুস্থ থাকবেন ।
Tags
ব্লগার