কিভাবে ব্লগে কাস্টম সার্চ বক্স (Custom search box) যুক্ত করবেন

আজকে শেয়ার করবো কিভাবে ব্লগে বা ওয়েব সাইটে একটি Custom search box (কাস্টম সার্চ বক্স) যুক্ত করবেন ৷
এজন্য যা আপনাকে করতে হবে
* প্রথমে ব্লগারে লগইন করুন ৷
* এরপর ড্যাশবোর্ড এর Layout ক্লিক করুন ৷
* এখন যে জায়গায় সার্চ বক্স যুক্ত করবেন সেখানে Add a gadget লেখায় ক্লিক করুন ৷

* এরপর যে মেন্যু আসবে সেখান থেকে HTML/JavaScript নির্বাচন করুন ৷
* এখন যে বক্স ওপেন হবে তার নাম এর জায়গা ফাকা রেখে content এর ঘরে নিচের কোডটুকু পেস্ট করে দিন ৷


<style type="text/css">#searchbox{width:240px}#searchbox input{outline:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input[type="text"]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUSUm2R4AVP7iXoUAYUxKABZW7ZS_TBBMeeeLnfpVmWWfdl6qiLQYngYwbBck88d9HEOfJiPa08Xwd3ynZGs5qLO54w5YmFp96nBUeqFRQQZ40Y3kiDDkiJGAIxuMomRx8OnhJCZ5L9xSV/s1600/search-dark.png) no-repeat 10px 13px#f2f2f2;border:2px solid #f2f2f2;font:bold12px Arial,Helvetica,Sans-serif;color:#6A6F75;width:160px;padding:14px 17px 12px 30px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;text-shadow:02px 3px #fff;-webkit-transition:all 0.7s ease0s;-moz-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease0s;transition:all 0.7s ease 0s;}#searchbox input[type="text"]:focus{background:#f7f7f7;border:2px solid#f7f7f7;width:200px;padding-left:10px}#button-submit{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxCNNi0F33eTrmGOYWSOUaFg3OuEvv-uBH992x-_n0s6Eo-n1J1EBk0IXR5d7PqG7ye1Pq-S0pmO4cnXYKqu8GQal_IvLsGCsWygZ0eORuteXBqoBpmp9YUmrUEtQFe7eJsmnUdq7pe4Q3/s1600/slider-arrow-right.png) no-repeat;margin-left:-40px;border-width:0;width:43px;height:45px}</style><form id="searchbox" method="get" action="/search" autocomplete="off"> <input name="q" type="text" size="15" placeholder="Search here..." /><input id="button-submit" type="submit" value=" "/></form> </style>

তারপর সেভ বাটনে ক্লিক করুন ৷ এরপর চাইলে আপনি ইচ্ছামত জায়গায় সেটাকে স্থাপন করতে পারবেন ৷ এজন্য সেটার উপর মাউছ পয়েন্টার রেখে বাম বাটন চেপে ড্র্যাগ করে ইচ্ছেমত জায়গায় নিয়ে মাউছ ছেড়ে দিন ৷
এরপর Save Arrangement লেখায় ক্লিক করুন ৷ আপনার সব কাজ শেষ ৷
এখন আপনার ব্লগ দেখুন ৷ কি কাজ হয়েছে তো ? না হলে কমেন্ট করে জানাবেন অথবা Contact form এর মাধ্যমে যোগাযোগ করতে পারেন ৷

আজকে বিদায়, ভাল থাকবেন সবাই.....