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/AVvXsEiOMHE9rXgayv3pqGPUQXb1JRenAeRERcpMB1Gr2KcDSAEaz42BKQqlr0T7-P-1RrcIF-ekNpdoHnOMT5Me-zmDD25P3_HQ1x1nEzNNlLZPgzdypAtMD7fNeqgV0QXqhPWNMzRnOXizgAE/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/AVvXsEirNKlWUItCftxezvI_u-QZrxJonmHhgx7ecvLeUTiJznJYmLvsiDTLdTcDQuAVd_uxMvRmhHoqNiS-e8-VDnO0kddaJwL1dEWCLOjjPrnbq5HJnCYffMEthv8hnwSKz503Ya0EH1GUZCE/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/AVvXsEh2wzwEnGLii8gFkF9JfwLA_2URBKSXbOqKCzQAtKnd-vvlt4TK213ae-_oYPS-RD63NUh-bDeXuRiBA7OfwV8N1Kverj2ZrIytN8Qp0J9yNMJ1roxeqJkxVlI99L7lVvcLuQL0y1zd0sk/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/AVvXsEiDwz7XiV5667YNCOVp98AnxwdwGMFVlMOlwqpxnS_e5FbonOp2RAKSXg4qphP9_dEJz-5cO4LgU_EPq5uXmDQ0g-dM3y7GrbOU-oYuXwnYrWM6jaDM0fMWV78wuhx1BPM2UyzadK8dzYE/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  ေပါ့ေနာ္။

 မန္ဘာ၀င္ခဲ့ျခင္းျဖင့္ ပိုစ့္အသစ္တင္တိုင္း မိမိ Gmail ထဲကိုတိုက္ရိုက္ေရာက္ရွိမည္ျဖစ္ပါသည္။
ထို႔ေၾကာင့္မန္ဘာ၀င္ခဲ့ဖို႔ဖိတ္ေခၚပါတယ္။

မွ်ေ၀ရန္ :