আপনাদের সহযোগিতার জন্য আন্তরিক ধন্যবাদ।

Saturday, November 30, 2013

আপনার ব্লগে যুক্ত করুন অসাধারণ একটি চার্স বক্স

আসসালামু‘আলায়কুম। কেমন আসেন সবাই? আশা করি ভাল আসেন। ‌আজ পোষ্ট লিখলাম ব্লগ নিয়ে। ব্লগের একটি গুরুত্বপূর্ণ বিষয় হল একটি ভাল ও সুন্দর থেকে চার্স ইঞ্জিন রাখা। প্রত্যেক ব্লগের মধ্যে এক বা একাদিক চার্স বক্স থাকে । তাই আজ আমি আপনাদের সামনে ব্লগে কিভাবে একটি অসাধারণ চার্স বক্স যুক্ত করবেন তা নিয়ে হাজির হলাম। চলুন আর দেরী না করে ব্লগে একটি চার্স বক্স যুক্ত করি।


প্রথমে আপনার ব্লগ ওপেন করুন। তার পর লেআউট ক্লিক করুন। এবার নিচের চিত্রে মত  সেখান থেকে
একটি গেজেট নিন।
এবার নিচের চিত্রের মত HTML/ javaScribt এ ক্লিক করুন।
java/sub crib এ ক্লিক করার পর নিচের চিত্রের মত একটি বক্স আপনার সামনে এসে হাজির হবে।

এবার বক্সয়ে নিম্মের কোড গুলো কপি করে পেষ্ট করুন।


<style>


#wc-searchsimplebox1
{
padding:10px;
}

#wc-searchsimplesubmit1
{
border:1px solid orange;
background: orange;
padding:5px;
color:#ffffff;
font:14px verdana;
}

#wc-searchsimpleinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #dcdcdc;
background:#ffffff;
padding:5px;
color:#888888;

font:14px verdana;
}

</style>
<div id='wc-searchsimple1'>
         <form expr:action='data:blog.homepageUrl + "search/"'  method='get' id="wc-searchsimplebox1">
            <input name='search' id='wc-searchsimpleinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='wc-searchsimplesubmit1' type='submit' value='Search'/>
         </form>
      </div>
 

পেষ্ট করা হলে সেভ বা সংরক্ষণে ক্লিক করুন। এবার Blog এ গিয়ে দেখুন  একটি সার্চ বক্স যুক্ত হয়েছে। আসা করি আপনাদের উপকারে আসবে। ধন্যবাদ সবাইকে আজকের মত বিদায় নিলাম।
আমার মূল ব্লগ থেকে গুরে আসুন আপনাদের উপকারে আসবে।

No comments: