Search Box အလန္းေလးေတြ မွသုံးခ်င္သူမ်ားအတြက္

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

• ►1. Blogger home page ကို Login လုပ္လုိက္ပါ။
• ►2. Layout ကိုကလစ္ရပါ။
• ►3. Add a Gadget ကိုကလစ္ေပးလုိက္ပါ။
• ►4. HTML/Javascript. ကိုေ႐ြးၿပီး ေပၚလာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
• ►5. ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ။
• ►6. အေရာင္ႏွင့္ကုဒ္ တြဲေပးထားပါတယ္၊ ႏွစ္သက္ရာအေရာင္ရဲ႕ကုဒ္ကိုေ႐ြးႏိုင္ပါတယ္။

<style type="text/css">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrCHMf9z3JPSduRrQd9MMH4g8zzjPktptcqTX64o07dScxDxmEP-4kpcckIE2DBjaeJldLACvcXkIcdyg3mvfnLdhZXCujCr3OHG-vJAxkVsqx8-rjbSiDg_m40t8nr8OgVuxp1Fqlmkwi/s400/red.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-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#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-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">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB5iXWwrzLGs6nHR010NerMqZlMc3nOxmepf-l5t8ydqN1NsvUAi6024pOK1XzwZ58S8OhMtgCfBnwsW0lbq2jl-K8n8c7v3wJG5A1LYXoem0lGzUa7Jr9H5DCMZOBI4Hh0Sffebf5uMfu/s1600/purple.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-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#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-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">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK-_ORJHeL0zyHaSqnNqbrFRtjMg-eGMqfc_mXaDI0V4Y-Lo-LeOVVAq48ejI4zMAYNunjP6QlHIFeJ8yxTabQePo15SIX7YBtkMoQfPTJLhavTckKUvXefgmiDh62zgvbeakAsaU63k8N/s1600/green.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-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#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-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">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89HWSyEscudadYNNraJbcE2-qku5VGFBxdvjjTZLWwOM9MJukqngVUV9CbbfMIIWk6V_Y5CHI2Xc5WAvT8LvNsaWpeZIVUaJCWNPHDeZSrv_3Om2KB0O7SB4GtGtRDXwklxj3g4fY_2MJ/s1600/blue.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-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#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-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">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifCEtUZNlHQm44m8muY_8I_ca0ux3-d_PKxkn46qkqhLjUf4ecPb6RvLWS1PbLhs2tF-0Xg6nX_5WImi5XlaII9k097cFKnDkLdqbXEVHPlIkgrPl6-aE5_RUQFUNx5n581edG8CHMHkC-/s1600/orange.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-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#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-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>

ဘေလာ့ခရီးသည္မွကူးယူမွ်ေဝသည္။

( ::::: ပိုစ့္တင္သူ-ေခ်ာကိုကို ::::: )

ကၽြန္ေတာ္တင္သမွ် Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> 

နည္းပညာႏွင့္ေဆာ့ဝဲလ္မ်ား Page ကိုႏွိပ္ျပီး Like လုပ္ထားေပးပါ၊၊ 

Follow Me Chaw Ko Ko Facebook.

႐ိုး႐ွင္​း​ေသာနည္​းပညာမ်ားကို ဆန္​းသစ္​စြာတင္​ဆက္​မည္​။

အားလံုးကိုခင္​မင္​လ်ွက္​။

CKK - နည္​းပညာ