Beautiful And Fresh Search Boxes For Blogger

 

သူငယ္ခ်င္းတို႔ရဲ႕ဘေလာ့စ္မွာလိုခ်င္တာကိုအလြယ္တစ္ကူရွာလိုရတဲ့ Search Keyword ေဘာက္
ထားခ်င္ရင္ ေအာက္မွာၾကိဳက္တဲ့ကာလာ ကိုေရြးယူနိုင္ပါတယ္။
ေအာက္ကကိုယ္ၾကိဳက္တဲ့အေရာင္ရဲ႕ ကုဒ္ကိုယူျပီး..
မိမိ Blogger ကေန Layout >> Add a Gedget  ထဲမွာထည့္ျပီး Save လုပ္လိုက္ရင္ျပီးပါျပီ။

<style type="text/css"> #helperblogger-searchbox {     border-radius: 5px;     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvmSAeKgn1W2gKHetuBhQGpB0m-i8pWfw0YZKhWejoqgu-8TWPeRzGQHMf4OOvDs3ya8dz7L10iFK8Sot6FJ0J6T4a74Gy-TolCyswmYoJvDql0hagwfc4h_-N-uGwx3SB5v5vmao_Aw/s1600/helperblogger.com-green.png) no-repeat scroll center center transparent;     width: 307px;     height: 50px;     disaply: block; }   form#helperblogger-searchform {     display: block;     padding: 9px 16px;     margin: 0; }   form#helperblogger-searchform #s {     padding-left: 24px !important;     padding: 7.5px;     margin: 0;     width: 198px;     font-size: 16px;     font-family: georgia;     font-style: italic;     color: #666666;     vertical-align: top;     border: none;     background: transparent; }   form#helperblogger-searchform #sbutton {     margin: 0;     padding: 0;     height: 40px;     width: 74px;     vertical-align: top;     border: none;     background: transparent; } </style> <div id="helperblogger-searchbox">     <form id="helperblogger-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...";}' />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"         />     </form> </div>

<style type="text/css"> #helperblogger-searchbox {     border-radius: 5px;     background: URL(http://1.bp.blogspot.com/-3QS-Mh7cdm4/T9L_x-etZiI/AAAAAAAAB8Q/OXgi3sBFiRI/s1600/helperblogger.com-blue.png) no-repeat scroll center center transparent;     width: 307px;     height: 50px;     disaply: block; }    form#helperblogger-searchform {     display: block;     padding: 9px 16px;     margin: 0; }    form#helperblogger-searchform #s {     padding-left: 24px !important;     padding: 7.5px;     margin: 0;     width: 198px;     font-size: 16px;     font-family: georgia;     font-style: italic;     color: #666666;     vertical-align: top;     border: none;     background: transparent; }    form#helperblogger-searchform #sbutton {     margin: 0;     padding: 0;     height: 40px;     width: 74px;     vertical-align: top;     border: none;     background: transparent; } </style> <div id="helperblogger-searchbox">     <form id="helperblogger-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...";}' />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"         />     </form> </div> - See more at: http://www.helperblogger.com/2012/06/another-set-of-beautiful-and-fresh.html#sthash.d6UwG6eQ.dpuf <style type="text/css"> #helperblogger-searchbox {     border-radius: 5px;     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH5MtsfCe8irGRjdFOKzC4S5gAjDbli52lzYxvTnFCLLVllrIGh1blKM-MZlY2u5EeJG6GlEzGaOpqTlZ4a54YkzuR00IySzPAym3WyX5dAgYUfGhNhD2ORz95VUdKJAUnVorFvzmEHvI/s1600/helperblogger.com-blue.png) no-repeat scroll center center transparent;     width: 307px;     height: 50px;     disaply: block; }   form#helperblogger-searchform {     display: block;     padding: 9px 16px;     margin: 0; }   form#helperblogger-searchform #s {     padding-left: 24px !important;     padding: 7.5px;     margin: 0;     width: 198px;     font-size: 16px;     font-family: georgia;     font-style: italic;     color: #666666;     vertical-align: top;     border: none;     background: transparent; }   form#helperblogger-searchform #sbutton {     margin: 0;     padding: 0;     height: 40px;     width: 74px;     vertical-align: top;     border: none;     background: transparent; } </style> <div id="helperblogger-searchbox">     <form id="helperblogger-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...";}' />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"         />     </form> </div>

<style type="text/css"> #helperblogger-searchbox {     border-radius: 5px;     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIYLMRPwxAX7gdYreRqaqpCJazf4lMudjVQpL1qYA1Mdi3jIyFqYFdxfH1j9kuXz1cDaSnsq2B47-gmItDxfueexsWx6PmsBmw5CtnEKy8MZAgTtnG3x-uty-k1pck0zGpowsCw6RAj4Q/s1600/helperblogger.com-orange.png) no-repeat scroll center center transparent;     width: 307px;     height: 50px;     disaply: block; }   form#helperblogger-searchform {     display: block;     padding: 9px 16px;     margin: 0; }   form#helperblogger-searchform #s {     padding-left: 24px !important;     padding: 7.5px;     margin: 0;     width: 198px;     font-size: 16px;     font-family: georgia;     font-style: italic;     color: #666666;     vertical-align: top;     border: none;     background: transparent; }   form#helperblogger-searchform #sbutton {     margin: 0;     padding: 0;     height: 40px;     width: 74px;     vertical-align: top;     border: none;     background: transparent; } </style> <div id="helperblogger-searchbox">     <form id="helperblogger-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...";}' />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"         />     </form> </div>

<style type="text/css"> #helperblogger-searchbox {     border-radius: 5px;     background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDcOcQB7kuX2P20hRkLLJOD_aANqSdIXprFK_r2VZltTBRrMXkUwaV5jABpTpXeUb9YdfQ78ivXhw25oXCFJysdMZZFdEiwVEEK-mMZR-BhUNLOaXgSGm40kNsI39Nw-U_xE9IAFCpIzA/s1600/helperblogger.com-purple.png) no-repeat scroll center center transparent;     width: 307px;     height: 50px;     disaply: block; }   form#helperblogger-searchform {     display: block;     padding: 9px 16px;     margin: 0; }   form#helperblogger-searchform #s {     padding-left: 24px !important;     padding: 7.5px;     margin: 0;     width: 198px;     font-size: 16px;     font-family: georgia;     font-style: italic;     color: #666666;     vertical-align: top;     border: none;     background: transparent; }   form#helperblogger-searchform #sbutton {     margin: 0;     padding: 0;     height: 40px;     width: 74px;     vertical-align: top;     border: none;     background: transparent; } </style> <div id="helperblogger-searchbox">     <form id="helperblogger-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...";}' />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"         />     </form> </div>

ျပီးရင္ေတာ့ Save  ေပါ့ေနာ္။
  ရန္ကုန္သား(နည္းပညာျမိဳ႕ေတာ္) http://mm-knowledge.blogspot.com

♪♪ေၾကာ္ျငာေလးေတြ ကလစ္ခဲ႕ျခင္းျဖင့္ ကူညီနုိ္င္ပါသည္အားေပးမႈကုိ ေက်းဇူးတင္ပါသည္ ေနာင္ရုိး♪♪