সুত্রপাঠ । Tips and Tricks

ভিজিটর ওয়েবসাইট দেখতে দেখতে নিচের দিকে নেমে যায়। অধিকাংশ সময় তাকে আবার উপরের অংশে ফেরত আসতে হয়। কার্সর দিয়ে স্ক্রল করে আসা অনেক সময় বিরক্তিকর। তাই তুমি স্ক্রল টু টপ বা উপরে ফিরে আসো বাটন যোগ করতে পারো।
১। ড্যাশবোর্ডে লগিন করে Edit HTML এ যাও।
২। ]]> লেখাটি খুঁজে বের করো।
৩। এবার নিচের স্ক্রিপ্টটি ]]> এর ঠিক আগে বসিয়ে দাও।
/* to top */
#toTop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-
align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
decoration:none; }


৪। নিচের স্ক্রিপটি এর আগে বসিয়ে দাও।

<a href="#" id="toTop">^ উপরে যাও☼ </a> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> /*----------------------- * jQuery Plugin: Scroll to Top * by Craig Wilson, Ph.Creative (http://www.ph-creative.com) * Bring to you by ferd0us www.sutropath.blogspot.com * Copyright (c) 2009 Ph.Creative Ltd. * Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. * For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx * Do not delete these infomation * Version: 1.0, 12/03/2009 -----------------------*/ $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() { $("#toTop").scrollToTop(); }); </script>

৫। প্রিভিউ দেখে সেভ করে বেরিয়ে আসো।
সব শেষে একটি কথা বলতে চাই, আমরা প্রায়শই অন্যের তৈরী করা জেকোয়ারী, জাভাস্ক্রিপ্ট ব্যবহার করি। কিন্তু এগুলোর লেখক কে তা জানার আগ্রহ বোধ করি না। আগ্রহ বোধ করা কি উচিত? আমি আজকে যে প্লাগিন্সটি আপনাদের সামনে হাজির করলাম এটার লেখক ক্রেইগ উইলসন।