৩০+ Smooth এবং Smart “Back To Top” Button ( যে কোন প্রকার Website, Blog , WordPress এর জন্য )

Scroll To Top Button

 

Back to Top Button এর মাধ্যমে খুব সহজেই এক ক্লিকে Page এর Top Position এ ফিরে যাওয়া যায় । যা আপনার Site কে একটা Professional look দেয় ।

 

Code গুলার Feature নিচে দেওয়া হল :

  • Smothly Scroll করবে ।
  • মাত্র এক লাইনের Code .
  • যে কোন WebSite , Blog , WordPress এ কাজ করবে ।

DEMO

 

ব্যবহার করার নিয়ম :

যে কোন একটি Code Copy করে আপনার WebPage এর </body> tag এর ঠিক উপরে বসাতে হবে ।

 

 

Code সমূহ :

small green up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow1.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

blue up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow2.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

black cartoon arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow3.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

red up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow4.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

back to top button

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow5.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

light blue up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow6.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

fancy up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow7.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

green up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow8.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

pink back to top arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow9.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

blue cartoon arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow10.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

cartoon back to top button green

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow11.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

gray back to top button

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow12.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

black circle top arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow13.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

white back to top arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow14.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

blue back to top button

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow15.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

black and white arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow16.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

pink shaded arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow17.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

blue gray and white arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow18.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

black and white rounded arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow19.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

green and white circle arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow20.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

back to top written in words

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow21.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

blue standard up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow22.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

red circle up arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow23.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

red and white arrow back to top button

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow24.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

dark red and white arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow25.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

blue white and grey arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow26.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

gray and white back to top arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow27.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

circle back to top arrow grey

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow28.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

top arrow with orange

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow29.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

top written arrow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script><script type="text/javascript" src="http://arrow.scrolltotop.com/arrow30.js"></script>
<noscript>This Code Is Shared By <a href="http://xg3.blogspot.com/">ARSDK</a> .</noscript>

আরোও ৫০+ কোড পেতে এখানে ক্লিক করুন

পূর্বে প্রকাশিত : এখানে ( Click Here )

Level 0

আমি ARSDK। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 8 টি টিউন ও 11 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

যদিও রিসোর্স আগে থেকেই জানতাম, ধন্যবাদ সংগ্রহে রাখলাম ।