আপনার ব্লগে TOP বাটন যুক্ত করুন, খুব সহজ ……।

7
382

আপনার ব্লগে TOP বাটন যুক্ত করুন, খুব সহজ ......।

আপনার সাইটে যুক্ত করতে পারে back to top button এতে করে আপনার সাইট visitor-দের কিছু সময় সঞ্চিত হবে এবং খুব সহজেই আপনার সাইট মেনুতে ফিরে আসতে পারবে। শুধু তাই নয় এটা আপনার ব্লগের সুন্দর্যও বৃদ্ধি করবে …।। এর মাদ্ধমে আপনার ব্লগের ভিসিটর রা খুব সহজে একটি মাত্র ক্লিক করে আপনার ব্লগের উপরের অংশে চলে আসতে পারবে……।
নিচের ধাপগুলো অনুসরণ করে আপনি আপনার সাইটে BACK TO TOP বাটন যুক্ত করে নিতে পারবেন।


ধাপ ০১: আপনার ব্লগার ড্যাশবোর্ড থেকে আপনার সাইটের design/template এ যান তারপর Edit html বাটনে ক্লিক করুন।

ছবি দেখে নিতে পারেন ↓

আপনার ব্লগে TOP বাটন যুক্ত করুন, খুব সহজ ......।

 

আপনার ব্লগে TOP বাটন যুক্ত করুন, খুব সহজ ......।

এখন Ctrl+f চেপে  <b:skin><![CDATA[ খুজে বের করুন এর পর নিচের কোডগুলো এর পূর্বে পেষ্ট করুন:

<!–BACK TO TOP-START–>

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’></script>

<script type=’text/javascript’>

$(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() {

$(“#backtotop”).scrollToTop();

});

</script>

<!–BACK TO TOP-STOP–>

ধাপ ০২:এখন ]]></b:skin> খুঁজে বের করুন

এবং নিচের কোডগুলো কপি করে  ]]></b:skin> পূর্বে পেষ্ট করুন:

#backtotop {

width:100px;

background:

#FF0000;

border:1px solid #ccc;

text-align:center;

padding:5px;

position:fixed;

bottom:10px;right:10px;

cursor:pointer;

color:#FFFFFF;

text-decoration:none;

}

ধাপ ০৩:  এখন </body> পূর্বে নিচের কোডগুলো কপি করে পেষ্ট করুন

<a href=’#’ id=’backtotop’><b>^ Back ToTop </b></a>

সবশেষে template-টি সেইভ করুন এবং আপনার সাইটটি দেখুন।

ভাল থাকবেন ………

কোড গুলোতে কোন সমস্যা  দেখা দিলে এখান থেকে কপি করুন > click here

৩৭ টি অনলাইন রেডিও শুনতে আমার ব্লগটি থেকে ঘুরে আসতে পারেন ……………। এখানে ক্লিক করুন

7 মন্তব্য

একটি উত্তর ত্যাগ