যে কোনো ব্লগার ওয়েবসাইটের মেনুকে স্টিকি করুন I Make stricky menu on blogger easily

যে কোনো ব্লগার ওয়েবসাইটের মেনুকে স্টিকি করুন I Make stricky menu on blogger easily

ব্লগার ওয়েবসািইটকে প্রফেশনাল লুক দিতে এবং ভিজিটরদের সুবিধার জন্য স্টিকি মেনু গুরুত্বপূর্ণ ভূমিকা পালন করে। স্টিকি মেনু অর্থাৎ যে মেনু হাইড হয়না, ওয়েব সাইট স্কল করলেও মেনু তার নিজের পজিসন ধরে রাখে শুধুমাত্র কন্টেন্ট স্কল বা পরিবর্তন হয়।

সুবিধাঃ স্টিকি মেনু কেনো ব্যাবহার করবেন এর সুবিধা কি? স্টিকি মেনুর দুইটি সুবিধা রয়েছে যা আপনার ওয়েবসাইটের জন্য গুরুত্বপূর্ণ ভূমিকা পালন করবে। প্রথমত আপনার ওয়েবসাইটটি দেখতে সুন্দর এবং প্রফেশনাল মনে হবে। দ্বীতিয়ত ভিজিটর একটি কন্টেন্ট ভিজিট করার পর তাকে পুনরায় হোমপেইজে আসতে হবেনা এবং স্কল করে উপরে উঠতে হবেনা। সরাসরি যেকোনো যায়গা থেকে পছন্দের ক্যাটাগরির কন্টেন্ট দেখতে পারবে।

আমি মনেকরি এই দুইটি সুবিধা আপনার ওয়েবসাইটের ভিজিটর আনতে বা ট্রাফিক বাড়াতে সাহায্য করবে। আপনিও যদি তাই মনে করেন এবং আপনার ওয়েবসাইটের মেনু ‍স্টিকি করতে চান তাহলে নিচের নির্দেশনা গুলো অনুসরণ করুন।

প্রথমে নিচের বক্সের কোডটি কপি করুন

.sticky{position:fixed!important;top:0;z-index:99;-webkit-transform:translateZ(0);}

তারপর ব্লগারে লগইন করে Theme এ ক্লিক করুন তারপর এখানে ক্লিক করুন

তারপর Edit Html এ ক্লিক করুন

তারপর বক্সের মধ্যে যেকোনো যায়গায় ক্লিক করে Ctrl + F ক্লিক করুন, তারপর </b:skin লিখে সার্চ করুন

তারপর এইখানে ক্লিক করে Enter চেপে নিচে এ্কটি ফাকা লাইন তৈরি করুন

তারপর সেখানে কোডটি পেস্ট করুন

তার পর স্কল করে একদম নিচের দিকে আসুন বা </body লিখে সার্চ করুন 

তারপর নিচের কোডটি কপি করুন

<script type='text/javascript'> //<![CDATA[ function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" sticky",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("header-header"); //]]> </script>

তারপর এইখানে </script> এর পরে ক্লিক করে Enter চেপে নিচে এ্কটি ফাকা লাইন তৈরি করুন

 

তারপর সেখানে কোডটি পেস্ট করুন

এখন আপনার ওয়েবসাইটের মেনু বারের div id লাগবে, div id না থাকলে অবশ্যই div class থাকবে, আপনার একটি id তৈরি করে নিতে হবে। div id বা div class খুজে পেতে আপনার ওয়েবসাইটটি ভিজিট করে মেনু বারের উ্‌পর রাইট ক্লিক করে inspect এ ক্লিক করুন।

তারপর এখানে থেকে মেনু বারের div id দেখে নিন অথবা কপি করে নিন। 

আর যদি div id না পান তাহলে div class টি কপি করে, থিমের বক্সের মধ্যে যেকোনো যায়গায় ক্লিক করে Ctrl + F ক্লিক করে div class দিয়ে সার্চ করে খুজে বের করুন, এবং এভাবে div id যুক্ত করুন।

তারপর এই id টি অর্থাৎ mymenu কপি করে আপনার কিছুক্ষন আগের পেস্ট করা script টির id পরিবর্তন করে দিন

তারপর থিমটি Save করুন 

এটি আপনার ওয়েবসাইটের মেনুুক স্টিকি করার সহজ পদ্ধতি, বিস্তারিত বুঝানোর জন্য পোস্টটি একটু বড় হয়ে গেলো।আ্পনি যদি পোস্টটি মনোযোগ দিয়ে পড়েন এবং সেই অনুযায়ী কাজ করেন তাহলে আপনি ব্লগার ওয়েবসাইটের যেকোনো থিমকেই স্টিকি করতে পারবেন। যদি কোন সমস্যার সম্মুখীন হন তাহলে পোস্ট টি বারবার পড়ুন তারপরো যদি সমাধান না পান আমাদের সাথে যোগাযোগ করুন। আমরা আপনার ভুলটি ধরিয়ে দিব।