ব্লগের জন্য স্টাইলিশ Floting Feedback বটন ক্রিয়েট করা

আমার আগের দুটি পোস্টে ব্লগারের লুক ইনক্রিস করার জন্য ড্রপ-ডাউন সাইটম্যাপ এবং স্টাইলীশ পেজ় নেভিগেশনের ব্যাপারে পোস্ট লিখেছিলাম।এখন ব্লগে কীভাবে ফ্লটিং ফ্যীডব্যাক বটন ক্রিয়েট করা যায় সেই প্রস্যেসটি এক্সপ্লেন করবো।ভিসিটররা ব্লগে ট্রাভেল করলে তারা ব্লগটি থেকে আরও কী চায়,তাদের স্যাজেস্যান বা কোন রকমের প্রশ্ন থাকলে তা ব্লগের এডমিনকে জানাবার জন্য প্রত্যেকটি ব্লগে একটি কন্ট্যাক্ট বা ফীডব্যাক পেজ থাকার দরকার।যেমন My Btrick ব্লগে Contact Me নামের একটি পেজ রয়েছে,যেখানে ক্লিক করে ভিসিটর তার ফ্যীডব্যাক জানাতে পারবে। ব্লগে ফ্যীডব্যাকের জন্য পেজ থাকলেও ব্লগ টেমপ্লেটের উপরে বা নিচে ফ্যীডব্যাকের জন্য একটি ফ্লটিং ব্যটন থাকলে ভিসিটরকে একটূ বেশী ফোর্স করে থাকে তার ফ্যীডব্যাকের জন্য।ফ্লটিং ব্যটনটিকে রোল ওভার বা কোন স্পেশাল লুক দিলে এটি আরও আই ক্যাচিং হয়ে যায়।যেমন My Btrick ব্লগের ফ্লটিং ফ্যীডব্যাক বটনটিতে মাউস নিয়ে গেলে এটির সাইজ ইনক্সিস হয় এবং আরও কিছু ইনস্ট্রাক্সশ্যান এক্সপ্লেন করে থাকে।এই ফ্লটিং ফ্যীডব্যাক বটনটিতে ক্লিক করলে এটি My Btrick ব্লগের Contact Me পেজে ব্রাউজ হয়ে থাকে।

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

Small Image :-      Large Image :-

• এটি করার জন্য দুটি ইমেজকেই কোন ঈমেজ় আপলোডার সাইটে বা ব্লগারে আপলোড করে এর লোকেশ্যানগুলি কপি করে রাখতে হবে।
• ব্লগার একাউন্টে লগিং করতে হবে।
• Layout থেকে Page Elements ওপেন করতে হবে।
• ক্লিক Add a Gadget 
• HTML/JavaScript এ ক্লিক করে একটি নিউ HTML/JavaScript widget নিতে হবে।
• এখন নিচের কোডটি নিউ HTML/JavaScript widget টিতে কপি-পেস্ট করে সেভ করতে হবে।

<!--TNT-by-STC-FEEDBACK-IMAGE-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;left:0px;" href="URL Of Feedback Page" title="Your Feedback is always welcomed!"><img onmouseover="this.src='URL of your Larger Feedback button '" src="URL Of Your Smaller Feedback button" onmouseout="this.src='URL Of Your Smaller Feedback button'"/></a>
<!--TNT-by-STC-FEEDBACK-IMAGE-STOPS-->
       

Note : – ক্যালারড টেক্সক্টগূলীকে রিক্যুয়ার্ড ডীটেলসের সঙ্গে রিপ্লেস করতে হবে।Your Feedback is always welcomed! এখানে যেকোন আদ্যার ম্যাসেজ রিপ্লেস করা যাবে।URL Of Feedback Page এ ব্লগের ফ্যীডব্যাক পেজটি এড করতে হবে।


Kindly Bookmark this Post using your favorite Bookmarking service: