မဂၤလာပါခင္ဗ်ာ :::: ကၽြန္ေတာ္တင္သမွ် Post ေလးမ်ားသည္ ကၽြန္ေတာ္ေလ႕လာဖူးသမွ်ကို ျပန္လည္မွ်ေ၀ေပးျခင္းျဖစ္ပါတယ္။ သူငယ္ခ်င္းအားလံုးလည္း ကၽြန္ေတာ္႕ site မွႀကိဳက္ႏွစ္သက္တဲ႕ မည္႕သည္႕ Post ကိုမဆို ျမန္မာ IT နည္းပညာဖြံ႕ၿဖိဳးတိုးတက္ေရးအတြက္ ျပန္လည္မွ်ေ၀ေပးေစလိုပါတယ္ဗ်ာ။ ::::

Dashboard

Wednesday, October 10, 2012

မိမိရဲ႕ Blog မွာ Search Box လွလွေလး ထည္႕မယ္။



                     မိမိရဲ႕ Blog မွာ Search Box လွလွေလး ထားဖို႕ အတြက္ HTML Code ေလးေတြမွ်ေ၀ေပး
လိုက္ပါတယ္ဗ်ာ။ မိမိၾကိဳက္တဲ႕ အေရာင္ကိုေရြးျပီးသံုးရံုပါဘဲ ေအာက္မွာ အေရာင္ 5ေရာင္ အတြက္ ကုဒ္
ငါမ်ိဳးေပးထားပါတယ္ဗ်ာ။ ထည္႕သြင္းပံုက လည္း Blogger ညီအကိုမ်ားအားလံုး လိုက္လုပ္ႏိုင္ပါတယ္။
ပံုနဲ႕တကြေသခ်ာေလးရွင္းျပထားပါတယ္။အဆင္ေျပၾကပါေစေနာ္။

Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ 
ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။

 အဆင့္ 1  Design > Layout > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။



HTML JAVASCRIPT A simple Drop Down Menu For Blogger

Style 1


<style type="text/css">
#btrix-searchbox {
border-radius: 5px;
background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qfXOTVtTNka-fRJq_pDXuO_bk7lWf_0EGw1FPCUQH4MPq_PxYJws1b68e-mnbNfvk5g-N6sRgM2WzTLgcQiasc_e3NNBxi96PfhyphenhyphenUysCCk4yxitZSuB_rofths0ZxLHmmCvxa6jdI6ne/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/AVvXsEh3txQLhmeUkEbCb1QoEYs6tnLuaAWnBz3yV8_5o3I07vaSYZ9_UvLhAhae2eE27_V01COodK-JxMc15hphno68TKR11Ruii13YlR-4IZO3bkTxUo_4AcOIyfpLRkYZVUytbQ7YyzxhLgS0/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/AVvXsEhdHIMu8DYVYo2cDhJVfqhBaBP6G6ZZHO0Wetj7BH_DHaTWLmyrq9Z2QjZyeHWIJyblbqJ0Ddp1z0LmRUSB9CMnpYtaXEu2DtOF3w0E28jh2QczwSl1bDP0RR181IZlyvEjpEsE7XuXxj3u/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/AVvXsEhkzH-gvtNqQx_u98HJQfVrEoIDjNc4vQzDGEd59yAP8V3wNXMQgbzlH-kPy1BuWb2lYifIZ9tMZup9GnEakk_yul2ASduJhErMA7buEGlybY8L1FJvE7Fx0PvO6L_AO-6VqQdL0G-_DVCo/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/AVvXsEglE5ZGHbPLFDFyPUJLoSw_ZyySUiuREc0_q8mEJPgUzTgwN6xTAsM1l5qQ5cc8n4kXbX9JWUeme3LQw_TCQZ3RzwPxW3qimR7Lbolpc-0EhnLJRkcUhyCyRgUBDDk7Wqp_qkken5Qj-YdY/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>


1 comment:

  1. ္ထြန္းႏုိင္October 14, 2012 at 12:52 PM

    အကိုေရ က်ေနာ္ Blogspot တခုဖြင့္ထားတာမၾကာေသးဘူး ဒါနဲ႕ အခုၾကည္႕လုိ႕မ၇ေတာ့ဘူး ဒါဘာျဖစ္လုိ႕လဲ့၇ုင္းျပေပးပါအုံး။

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...