ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ... ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ... ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ... ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ... ခ်မ္းေျမ့နည္းပညာ... ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ... ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...ခ်မ္းေျမ့နည္းပညာ...Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks
ခ ်မ္းေျမ့နည္းပညာ{သိမ္ဇရပ္သားေလး}ဆိုဒ္ေလးသို႔အခု႕လိုလာေရာက္အားေပးမွဳ႕ကိုအရမ္းေက ်းဇူးတင္ပါသည္ခင္ဗ ်ာ.....

မန္ဘာဝင္ရန္ဖိတ္ေခၚပါတယ္...ပို႔စ္အသစ္တင္တိုင္းမိမိတို႔ရဲ႕ GMAIL ထဲကိုေရာက္ရွိေနမွာပါ...

Jun 7, 2015

ခ်မ္းေျမ့နည္းပညာ(သိမ္ဇရပ္သားေလး) မိမိရဲ႕ Blog မွာ Search Box လွလွေလး ထည္႕မယ္။

ခ်မ္းေျမ့နည္းပညာ(သိမ္ဇရပ္သားေလး)

                           
 မိမိရဲ႕ Blog မွာ Search Box လွလွေလး ထားဖို႕ အတြက္HTMCode ေလးေတြမွ်ေ၀ေပးလိုက္ပါတယ္ဗ်ာ။ မိမိၾကိဳက္တဲ႕ အေရာင္ကိုေရြးျပီးသံုးရံုပါဘဲ ေအာက္မွာ အေရာင္ 5ေရာင္ အတြက္ ကုဒ္ငါမ်ိဳးေပးထားပါတယ္ဗ်ာ။ ထည္႕သြင္းပံုက လည္း Blogger ညီအကိုမ်ားအားလံုး လိုက္လုပ္ႏိုင္ပါတယ္။ပံုနဲ႕တကြေသခ်ာေလးရွင္းျပထားပါတယ္။အဆင္ေျပၾကပါေစေနာ္။
 အဆင့္ 1  Design > Layout > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။

Style 1


<style type="text/css">
#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBHPNeJh468gQcNmkQJvUwlZUGqw2KzZ_YFaXjurLsLNtvXYUSbZfddR51MEQtJfyZC-Oig_a28nsU9J1u7IPiD8_4D8pu-mR0K0s0_753Qp77oXMZ1z5bvKQb-NKjWuEqH3-kDgkS2MPo/s1600/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 2
<style type="text/css">
#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxmjpiOUyzUi5Vn_AE11MDF4YPEUuZz2sLDFVOG8ECWpfWF6vlqwqQxNX6sxAgTfaZh_YSC8Ik18tLccCxjTVVFs3dUJWhcy7xVlp8zctsDNi1hxoDaBUU4Mfz6Bx3Pn63WIl2lSGTbmFT/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 3
<style type="text/css">
#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1eN2pxBe2mKAiVIiLV9P7hrkmra1K0y4r1ooRx3Z0unSKDtCS5ZU25zv5kpvk69UEeZWGCkJxCpBewEcTOaM64__0ywjEXRDaCg5m764B_CXMrEmS7h7ffXBirSDPhpYPJdbt28la0GAj/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 4
<style type="text/css">
#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBea_0WfjxLhZ6SXUUb4V2xk6juhHL-XyU_DEOmLyOgwXx-rUtnrE3oaeQbOfC1U8w3uXX4dybjTFEq-BSkCmY2vFy9GV_HTvgzq33yk9LTQta0E1a857P2UKzgVECzHW1AiHCiu3upx56/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 5
<style type="text/css">
#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFSiINjC_43WPKj9xYk79HaLP-OOvxlYexoQ243YOoFh6Gyb87DqkEaCX9DToZ0MncWTwbLLFxdbMEdkz7fG2LQZqADRNQ0qj24CHcf3b5qu8dArAZa4Ao8rteaj3rjF6Gt6dvpL_4UVX2/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 {

No comments:

Post a Comment