မိမိ Web Site ေလးမွာ Search Box လန္းလန္းေလးေတြ သံုးျပီးလန္းခ်င္တဲ့သူေတြ အတြက္ပါ

ကၽြန္ေတာ္ ဒီ တစ္ခါ ကၽြန္ေတာ္တို႕ Blogger သမားေတြအတြက္ မိမိ Site ေလးမွာ Search Box လွလွေလး ထည့္သြင္းျပီး အသံုးျပဳခ်င္တဲ့သူေတြ အတြက္ေပါ့ဗ်ာ။

ကၽြန္ေတာ္ ေအာက္မွာ ပံုေလးေတြနဲ႕ ေကာ Code ေလးေတြပါ ထည့္သြင္းေပးထားပါတယ္ဗ်ာ။သူငယ္ခ်င္းေတြ လိုခ်င္ရင္ ေအာက္မွာ ယူလိုက္ပါေနာ္။အသံုးျပဳနည္းေလးပါ ကၽြန္ေတာ္ ေရးေပးထားပါတယ္ဗ်ာ။ေအာက္က အဆင့္ေလးေတြ အတိုင္းသြားျပီး ထည့္လိုက္ပါေနာ္။

အရင္ဦးဆံုး Blogger ရဲ႕ Design >> Page Elements >> Add a Gadget >> Html/Javascript ကိုသြားပါ။ျပီးရင္ မိမိ ၾကိဳက္တဲ့ Design ေလးကိုေရြးျပီး Code ကို Copy ယူျပီး ကူးထည့္လိုက္ပါ။ျပီးရင္ေတာ့ ေနာက္ဆံုး အေနနဲ႕ Save လိုက္ေပါ့ဗ်ာ။လြယ္လြယ္ေလးပါပဲ။ကဲ လိုခ်င္ရင္ အျမန္ဆံုးသာယူလိုက္ေပေတာ့ေနာ္။

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNNQUTQqbR-cBht7aI2ybHvcIScYdR7QbUgqqAobALkEzeyTZEOMdKaUX1zSDzIKx1lGtPATBUKzbx4uXOP1BaeC-D0kkz3bOFhWM5gHtr1-8bJeON8k2y021hlpJOu3nISRN1botoRtym/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 10px 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"> <form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form> </div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxqoO6qfx61_97bB0EGt3-GuKc8JAwcPNNrLAyxkjcQh5DPIf0hPnrJ6vJnMNRyEYYzgBcz4O3be4z63vtnXyeWqpB88Y4WTmTRcZ68k-kVkV2kC9Dh7SXHUPP5hfjowr6YjAnvesytwjz/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 10px 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"> <form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form> </div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92cW2mPFNIn7TGRQKJbjFjYjD3rH3Nppl7ZVxN5jgjEgTGNwuUeqB195k2VKpMiGi7Ng46YpmTxnk95u4wbwyrO_m74zRYX6JmSuiixXnIKV9VMcG4RQa1UC6YJdfDaUhOa8E90nQ8U0M/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 10px 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"> <form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search~~~" onfocus='if (this.value == "Search~~~") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search~~~";}'/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form> </div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK14DCovv4jkttx5pyabpOMK0DDbTCwuUJn8CBhy4AZRBxK_ZGP_r-rxZwq0lJT7QGQy72H0TWXwpbLQruwfPV38UAuE-qdizEJCBSTi8x5jAeBOYPvAvG79ccpvYtnsy4_U9PHNagbRGZ/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#IT Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"> <form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form> </div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။

<style type="text/css"> #IT Bank-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvHtWzAnPuyq8HEPYox8xb6hYxgAxzq1x2a3mXoF4nRV1p7DQRBs-ZCK3EbQbW2Off409ycFP2QaaHfGZBhi1N1Rc212ZZ1SjLjCfII46jOcq0Wv-01IYoEXD3Rs4-M-Gp9bhuoDWizygq/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#IT Bank-searchform{display: block;padding: 12px;margin:0;} form#IT Bank-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#It Bank-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="IT Bank-searchbox"> <form id="IT Bank-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form> </div>

ဒီ ပံုရဲ႕ Code က ေအာက္မွာ Copy လုပ္ပါ။


<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOnoq20umLipFMTebMSsFUG9bqR_iJ8TYKs7iw7m9JK5OyMVK6XGMS3gJlwev7Ftq9MhiND0t-9jrRtAjHOxLdJfyFcUGkzZtsOnhNIOwKIkY1eGDoVpm8ejSOmPUHSV9Md2IzeDCLAOAx/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><br /> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/><br /> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br /> </form> </div>

ကဲ ... သူငယ္ခ်င္းေတြ အားလံုးရဲ႕ Site ေလးမွာ ကၽြန္ေတာ့ရဲ႕ Search Box ေလးေတြ ထည့္ျပီး လန္းႏိုင္ၾကပါေစဗ်ာ။သူငယ္ခ်င္းေတြ အားလံုး အဆင္ေျပရင္ ကၽြန္ေတာ္ ၀မ္းသာပါတယ္ဗ်ာ။

(Yekyawphyo)
9FEB2012-006
baby.blacklay4@gmail.com
Technique & Software
www.nayzawlin.com
yekyawphyo@nayzawlin.com
http://welcometoitbank.blogspot.com
ၾကိဳးစားလ်က္......!
(Yekyawphyo)