ব্লগার.কম এর ব্লগে 'উপরে ফিরে যান' বোতাম স্থাপন করার পদ্ধতি

'বাংলা হ্যাকস' (Bangla Hacks) ব্লগের ডানপাশে নিচেরদিকে উপরের ছবিটির উপরের দিকে থাকা তীরের (Arrow) মতো কোন কিছু দেখা যাচ্ছে কি?। যদি কোন লম্বা লেখা (Long Post) পড়তে পড়তে ব্লগের নিচের দিকে চলে যান, তাহলে এটার উপরে ক্লিক (Click) করে দেখুন, একেবারে উপরে চলে আসবেন। এমন হতে পারে যে ব্লগের কোন একটি পোস্ট (Post) বেশ বড়, সেক্ষেত্রে অনেক নিচে নেমে যাবার পর কোন কোন পাঠক ব্লগের উপরের অংশে আর ফিরে আসেন না। তারা সরাসরি ব্লগ বন্ধ করে দেন। এই জাতীয় পাঠকদেরকে ব্লগে ধরে রাখার জন্য এই বোতামটি খুব উপকারী।

'উপরে ফিরে আসুন' বা 'মেনুতে ফিরে যান' (Go UP, Back to TOP) জাতীয় এই বোতামটি ব্লগার.কম (Blogger.com) এর ব্লগে স্থাপন করা খুব সহজ (Easy to Add)। সামান্য একটু কোড (HTML Code) ব্লগের খুব সহজে খুঁজে পাওয়া যায় এমন একটি জায়গায় স্থাপন করতে হবে। এজন্য Expand Widget Templates এর পাশে ক্লিক করতে হবে না।

• ব্লগার.কম (Blogger.com) এ লগইন (Login) করুন।
• Layout এর Edit HTML অংশে যান।
• এইপাতার একেবারে শেষে/ নিচের অংশে লেখা রয়েছে </body>
• 
  
• 
• এই </body> লেখাটির ঠিক উপরে (উপরের ছবিতে লাল তীর চিহ্ন দিয়ে দেখানো হয়েছে) নিচের কোডটি স্থাপন করুন। এই কোড একটি নতুন HTML/ JavaScript গেজেটেও স্থাপন করতে পারেন। অন্যকিছু রয়েছে তেমন HTML/JavaScript Gadget এর মধ্যেও কোডটুকু বসাতে পারবেন।

• <style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Go UP"><img style="border:0;" src="http://sites.google.com/site/banglahacks/tools/bttp.jpeg"/></a></div>

• এবার সেভ (Save) করুন।
• আপনার ব্লগে একটি 'উপরে যান' (Go up, Back to Top) বা 'মেনুতে ফিরে আসুন' ইত্যাদি নামের একটি সুবিধা স্থাপিত হয়ে গেছে।
• কোডের http://sites.google.com/site/banglahacks/tools/bttp.jpeg অংশটি পাল্টিয়ে নিচের মনমতো ছবি স্থাপন করতে পারবেন। (আমার ব্লগের নীল রঙের উর্ধ্বমুখী তীরচিহ্নটির ডাইরেক্ট লিংক)
  
• তীর চিহ্ন (Arrow sign) বা যে কোন কিছুর ছবি (Image) কোথাও আপলোড (Upload) করে {পোস্ট নং ০১ এবং পোস্ট নং ০২ একবার পড়ে নিতে পারেন} আপলোড করা ইমেজ ফাইলটির (Image File) ডাইরেক্ট লিংক (Direct Link) দিয়ে লাল রঙের বোল্ড (Bold) করা লাইনটি প্রতিস্থাপিত (Replace) করে সেভ (Save) করুন।