How to make a Fixed Widget on blogger or How to make a floating widget on blogger

আজ আপনাদের দেখাবো কিভাবে ব্লগারের কোন  ওয়েডজেট ফিক্সড করে দিতে পারবেন।

অনেক সময় পছন্দের ওয়েড জেট স্ক্রলিং করবার সময় দাড়িয়ে রেখে কোন বিশেষ পোস্ট বা অন্যকিছু দর্শকদের দেখানোর প্রয়োজন হয়। ওয়েডজেট ফিক্সড করতে নিচের পদ্ধতি অনুসরন করুন।

1. প্রথমে আপনার ড্যাসবোর্ডে লগইন করুন

2. এবার মেনু থেকে `template অথবা Theme` অপশনে গিয়ে  `Edit html` এ ক্লিক করুন

3. এবার  Ctrl+F চাপুন এবং</body>  লিখে এন্টার চাপুন. অথবা আপনি মেনুয়ালি থিম থেকে </body>  ট্যাগ খুজে বের করুন.

Ctrl+f to find </body> tag

</body> tag

4.এবার নিচের বক্স হতে কোড গুলি কপি করে </body> ট্যাগ এর উপরে পেস্ট করুন। এবং সেভ করে বেরিয়ে আসুন।

<script> //<![CDATA[ HG_makeSticky("WIDGET_ID"); // enter your widget ID here function HG_makeSticky(elem) { var HG_sticky = document.getElementById(elem); var scrollee = document.createElement("div"); HG_sticky.parentNode.insertBefore(scrollee, HG_sticky); var width = HG_sticky.offsetWidth; var iniClass = HG_sticky.className + ' HG_sticky'; window.addEventListener('scroll', HG_sticking, false); function HG_sticking() { var rect = scrollee.getBoundingClientRect(); if (rect.top < 0) { HG_sticky.className = iniClass + ' HG_sticking'; HG_sticky.style.width = width + "px"; } else { HG_sticky.className = iniClass; } } } //]]> </script> <style> .HG_sticking {background:#ffffff !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative9 !important;} </style>

5. এবার একটি ছোট ও গুরুত্ব পূর্ন কাজ করতে হবে , প্রথমে ড্যাসবোর্ড থেকে লেআউট ক্লিক করুন। যে ওয়েডজেট টি ফিক্সড করতে চান তার উপরের ইডিট অপশনে ক্লিক করুন।



6. ওয়েডজেট বারটির উপরে লক্ষ করলে দেখবেন একটি লিঙ্ক আছে। লিঙ্কটির শেষ দিকে ওয়েডজেট আইডি পাবেন।

7. লিঙ্ক থেকে ওয়েডজেট আইড কপি করুন।

8. পুনরায় মেনু থেকে `template অথবা Theme` অপশনে গিয়ে  `Edit html` এ ক্লিক করুন, আমরা </body> ট্যাগ এর উপরে যে কোডটি পেস্ট করেছি তার উপরের দিকে ওয়েডজেট আইডি পেস্ট করুন।

9.থিম সেভ করুন দেখুন আপনার ওয়েডজেট টি ফিক্সড হয়ে গিয়েছে।  তবে সবথেকে নিচের দিকের ওয়েডেজেট গুলি এই ফর্মূলায় কাজ করবে। সমস্যা হলে পনুরায় আবার চেষ্টা করুন অথবা কমেন্ট করে সমস্যার বিস্তারিত বলুন।