সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ ::আপনার ব্লগস্পট ব্লগে খুব সহজেই উপরে ফিরে আসুন গেজেট যোগ করুন

আসসালামালাইকুম ।
সবাই কেমন আছেন ?


যাই হোক যারা বুঝতে পেরেছেন তারা বুঝছেন  , আর যারা এখনো বুঝতে পারলেন না তারা না হয় আগে করে নিন তারপর মজা দেখবেন।
তাহলে আর অথা না বারিয়ে আসুন শুরু করি।

  • ব্লগার.কম (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; }
  • এবার Ctrl+F দিয়ে </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: <a target="_blank" href="http://www.techtunes.com.bd.com" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.techtunes.com.bd.com']);">http://www.techtunes.com.bd.com</a>
 * 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 <a target="_blank" href="http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx']);">http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx</a>
 * 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>
  • এবার আবার Ctrl+F  দিয়ে </body> লেখাটি খুজে বের করুন।  এবার </body> লেখাটির ঠিক উপরে নিচের কোডটি স্থাপন করুন।

<a href="#" id="toTop">^ Back to Top</a>
  • এবার টেম্পলেট সেইভ করুন
এবার আপনার ব্লগ গিয়ে ম্যাজিক দেখুন।
আশা করি সবাই বুঝতে পেরেছেন। তারপরও কারো যদি কোথায়ও বুঝতে কনই অসুবিধা হয় অবশ্যই কমেন্ট করবেন।
আর কোন ভুল হলে ক্ষমা করবেন।
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Posted by @Nil@