ব্লগে ব্যবহার করুন ‘উপরে ফিরে আসুন’ এবং বোতাম তৈরি করার পদ্ধতি — Javascript সমূহ – ১৪

[ছবি: 74d6d.jpg]

  • ব্লগার.কম (Blogger.com) এ গুগল আইডি ও পাসওয়ার্ড (Google ID and Password) দিয়ে প্রবেশ করুন।
  • Layout> Edit HTML পাতায় যান। এখানে
  • এবার ]]></b:skin> লেখাটির উপরে নিচের কোডটি স্থাপন করুন।
  • /* to top */
    #toTop { width:100px;background:#00FFFF;border:1px solid #000;text-align:center;
    padding:2px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#000;text-decoration:none; }

  • এবার </head> এর উপরে নিচের কোডটি স্থাপন করুন।
  • <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: http://www.banglahacks.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>

  • এবার HTML পাতাটির একেবারে নিচে চলে যান।
  • এখানে </body> লেখাটির ঠিক উপরে নিচের কোডটি স্থাপন করুন।
  • <a href="#" id="toTop">^ Back to Top</a>

  • SAVE করুন।

 

আপনি ও আমার বন্ধুকে পরিচয় করিয়ে এবং রেজিস্টেশন করুন আমার ফোরামে

 

 

Level New

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

আমাকে ফেসবুকে পেতে http://www.facebook.com/shuvobd1020


টিউনস


আরও টিউনস


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


টিউমেন্টস

প্রিয় টিউনে নিলাম