Search Box လွလွေလး လိုျခင္ယူလိုက္ၾကပါ

 မိမိတို႕ ဘေလာ့မွာ search  box လွလွေလး လုပ္လိုသူမ်ားအတြက္းးး မွ်ေ၀လုိက္ပါတယ္...

 ထည့္နည္းေလးကေတာ့..သည္လုိပါ....

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

 ေအာက္ပါ Code မ်ားကိုကူးထဲ့ျပီး Save ပါ။

<style type="text/css">
.form-wrapper {
width: 270px;
padding: 8px;
margin: 10px auto;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: #dedede #bababa #aaa #bababa;
-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));
background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: linear-gradient(top, #f6f6f6, #eae8e8);
}
.form-wrapper #search {
width: 180px;
height: 20px;
padding: 10px 5px;
float: left;
font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
border: 1px solid #ccc;
-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.form-wrapper #search:focus {
outline: 0;
border-color: #aaa;
-moz-box-shadow: 0 1px 1px #bbb inset;
-webkit-box-shadow: 0 1px 1px #bbb inset;
box-shadow: 0 1px 1px #bbb inset;
}
.form-wrapper #search::-webkit-input-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-moz-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-ms-input-placeholder {
color: #999;
font-weight: normal;
}
.thumb{position:relative;left:4px;top:1px; border:8px solid transparent;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
.form-wrapper #submit {
float: right;
border: 1px solid #00748f;
height: 42px;
width: 70px;
padding: 0;
cursor: pointer;
font: bold 15px Arial, Helvetica;
color: #fafafa;
text-transform: uppercase;
background-color: #0483a0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
background-image: linear-gradient(top, #31b2c3, #0483a0);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
.form-wrapper #submit:hover,
.form-wrapper #submit:focus {
background-color: #31b2c3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
background-image: linear-gradient(top, #0483a0, #31b2c3);
}
.form-wrapper #submit:active {
outline: 0;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
.form-wrapper #submit::-moz-focus-inner {
border: 0;
}
</style>
<form class="form-wrapper" action="/search" method="get">
    <input id="search" name="q" type="text" placeholder="Search" />
    <input id="submit" type="submit" value="Search" />
</form>

ကိုယ့္ Blog နဲ႕ခ်ိန္ညွိရန္ေအာက္ပါ နံပါတ္မွာျပင္ႏိုင္ပါတယ္

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
ဓမၼႏွင့္စာေပနန္းေတာ္ www.ninilayy.com/

Read more »

Search Box အလန္းေလးေတြ မွသုံးျခင္တယ္ဆို

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

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

Style 1

<style type="text/css">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYEN1iqgayEyM_yRLriNkQ_69r9NnxqX7XbeslEiyZJiqii0nMElwDatsNf5dAXEslzuTWZuSnIcimHcBFYiFZ5yA8-o2nO38mjlFvURZ2CQk-B7C-t7YF1VrhWwYa8wuauiiXCMserH7i/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/AVvXsEiD1Fw48-bnC1oD_xjBVzfuzB9X8c8niVONifnHiBtU-Xgd7Cg09E6GOlQqtCKmxMSc3GH7w2gHdasgxP3BHk9DgE5BF9Z0dbO6dHUSbIhYvFi-EP1NmlR2a3FAU9porxpvzvMBgnoPfXO3/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/AVvXsEi-TgDa8FL_uiX2rpe3hlDIBqxFph-HMWcMKWotOPXzh06qdaYT5PdKX9t-dwRsE3DWUI4gglawhWmacnM_oLuDV4jdGtAdRZ94OlnGJHdMAFr4lRvy-96m6QCGQeOpdrjSMHTfHMNgtmWM/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/AVvXsEi3rck2qiojg0Kyu4e0jWa28Muq28A66xzx5QyWw3lXuZ8q0L8mJoKJ4Zam0-lrhjCXPAUUlwie-Xh8hUF1tsguZjYOoac68mb-cgLfmK1p5fiixyWo82a407SeIow0pLU3P1IOyauL4TVH/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/AVvXsEgMDLzEzGyKqwy_sQdbRgGLllJYxXjV15CxfY_Ep7Cs7iNI21Ni_LmMUqfPGRj-7UEtFWEQ_y9NXJ8Nh4Ob2TKos2Az0iDFETwIJA776DIMMDI8Mlsub3thkjN7uRZkNdK47cXeKezCXO1I/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>

ကဲ စိတ္တိုင္းက် ျပီဆိုပါက ေဆ့လုိက္ေပါ့..ေနာ္.. အဆင္ေျပၾကပါေစ
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
မွတ္စုစာအုပ္ http://aungsan96.blogspot.com/
ဓမၼႏွင့္စာေပနန္းေတာ္ http://ninilayy.blogspot.com/

Read more »

Search Box လွလွေလးဖန္တီးၾကမယ္

ဒါေလးကေတာ့ ဘေလာ့မွာ search eigine ေလး search box ေလးဆိုမွန္ပါတယ္.. လွလွပပေလး
ထားလိုသူမ်ားအတြက္ သုံးလိုက္ပါေနာ္..
ထည့္နည္းေလးေကတာ့........
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<div style="display:block;width:300px;text-align:center;padding:15px 1px 5px;cursor:help;border:3px solid #555555;-moz-border-radius:10px;border-radius:10px;background:#4D7616;"><form style="font-size: 10px;" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input name="sitesearch" value="www.w3schools.com" type="hidden" /><input type="hidden" name="prodigy of head" value="http://aungsanmks.blogspot.com" /><input style="width: 200px;background-color: #E5EECC;color: #111111" name="as_q" size="20" onblur="if (this.value == &quot;&amp;quot  {this.value = &quot;Type your keywords here...&quot;;}" onfocus="if (this.value == &quot;Type your keywords here...&amp;quot  {this.value = &quot;&quot;;}" type="text" value="ရွာလိုရာကိုေရးရွာပါ" /> <input value="Search" title="Search w3schools.com" type="submit" style="background-color: #90C140;color: #FFFFFF" /></form></div>

 မွတ္ခ်က္   ။       ။ အနီေရာင္နဲ႕ က်ေနာ့္လင့္ကို သင့္ဘေလာ့လင့္ျဖင့္ အစားထိုးေပးပါ။
                          ကာလာနဲ႕ width ေတြ colour ေတြ size ေတြကို လိုသလိုေျပာင္းပါ။
အဆင္ေျပပါျပီေနာ္..

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

www.aungsanmks.blogspot.com 

www.ledimyethar.com 

တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

Read more »

Search Box ေလးအလြယ္ထည့္နည္း

မဂၤလာပါ မိတ္ေဆြအေပါင္းတို႕ ဒါေလးေကတာ့ မိမိတို႕ ဘေလာ့မွာ Search Box ေလးအဠြယ္ကူဆုံး
ထည့္ၾကမယ္ဆိုရင္ လြယ္ပါတယ္.. နည္းေလး တင္လိုက္ပါတယ္...
ေပးထားတဲ့ ဇယားထဲက ကုဒ္ေတြကို သည္လိုေလး သြားထည့္လိုက္ပါ..

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<p align="left"> <form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get"> <strong>NAME OF YOUR BLOG<br/></strong> <input id="b-query" maxlength="255" name="q" size="20" type="text"/> <input id="b-searchbtn" value="Search" type="submit"/> </form></p>

မွတ္ခ်က္ ။              ။   YOUR BLOG URL  ေနရာမွာ မိမိတို႕ ေဘလာ့လိပ္စာကို ထည့္ေရးေပးပါ။
                                NAME OF YOUR BLOG  မွာ ၾကိဳက္သလိုေရးပါ မေရးလဲ ရပါတယ္.။
                                 size="20"  အဆင္ေျပသလို ေျပာင္းေပးပါ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

www.aungsanmks.blogspot.com

www.ledimyethar.com

တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

Read more »

ဘေလာ့ search box လွလွေလးထည့္ဖို႕

သည္တခါတင္မည့္ ပို႕စ္ေလးကေတာ့ search box ေလး လွလွပပနဲ႕ တင္တဲ့နည္းလမ္းေလးပါ။

အေပၚက ပုံေလးလိုေပါ့ မိမိတို႕ဘေလာ့မွာ လွလွေလးသုံးချခင္ရင္ေတာ့  လုပ္ၾကည့္ပါေနာ္..
နည္းလမ္းေလးကေတာ့.......

• 1. Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
• 2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
• 3.  Page Elements
• 4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
• 5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
• 6. ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<form action='/search' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}' onfocus='if (this.value == &quot;Search this blog...&quot;) {this.value = &quot;&quot;}' type='text' value='Search this blog...'/>
<input id='searchbutton' type='submit' value='Search'/>
</form>

• 7. Save လုိက္လို႕ရပါျပီ။

စတုိင္ေလးျဖစ္လာဖို႕ဆက္လုပ္ပါမယ္...

1.  Template  ကိုကလစ္ပါ
 2.  Edit HTML ကေနသြားပါ Proceed  ဆက္သြားပါ အမွန္ျခစ္ခဲ့ေနာ္ ထုံးးစံေပါ့..
3. သည္ကုဒ္ကိုရွာလုိက္ပါ    ]]></b:skin>
4. ေတြ႕ျပီဆိုတာနဲ႕  ]]></b:skin>  ေလးရဲ႕ အေပၚမွာ past ခ်ေပးလိုက္ပါ...

#searchform { margin: 0; padding: 0; overflow: hidden; display: inline; } #searchbox { background: #fff !important; width: 180px; color: #202020; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0; padding: 3px 0 8px 5px; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; display: inline; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4); box-shadow: 0 1px 2px rgba(0, 0, 0, .4); border:1px solid #6BB5FF; } #searchbox:hover { background: #fff !important; width: 220px; color: #202020; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0; padding: 3px 0 8px 5px; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; display: inline; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .4); box-shadow: 0 1px 4px rgba(0, 0, 0, .4); border:1px solid #6BB5FF; } #searchbutton { -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7; -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7; box-shadow:inset 0px 1px 0px 0px #bbdaf7; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) ); background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5'); background-color:#79bbff; -moz-border-radius:22px; -webkit-border-radius:22px; border-radius:22px; border:1px solid #84bbf3; display:inline-block; color:#ffffff; font-family:arial; font-size:11px; font-weight:bold; padding:3px 11px; text-decoration:none; text-shadow:1px 1px 0px #528ecc; }#searchbutton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) ); background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff'); background-color:#378de5; }#searchbutton:active { position:relative; top:1px; }

 5. save template လိုက္ပါေတာ့

 မွတ္ခ်က္။    ။ ကုဒ္ထဲက အနီေရာင္နဲ႕ျပထားတဲ့ နံပါတ္ေနရာမွာ မိမိတို႕ ဘေလာ့နဲ႕ ကုိက္ညီေအာင္ ျပင္ေပးနိဳင္ပါတယ္..

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ www.aungsanmks.blogspot.com
www.ledimyethar.com

Read more »

Search Box ထည့္သြင္းပံု

မိမိတုိ႔ရဲ႕ ဘေလာ့ေတြျဖစ္ျဖစ္၊ Ning Social Group ေတြမွာ ျဖစ္ျဖစ္ Search Box ထည့္ခ်င္တယ္ဆုိ ေအာက္က ကုဒ္ေလးကုိ ယူၿပီး သံုးစဲြႏုိင္ပါတယ္။

<!-- SiteSearch Google --><br /><center><br /><form action="http://www.google.com/custom" target="google_window" method="get"><br /><table bgcolor="#000000" border="0"><tbody><tr><br /><td align="left" height="32" nowrap="nowrap" valign="top"><br /></td><br /><td nowrap="nowrap"><input value="youthnetworks.ning.com" name="domains" type="hidden"> <input maxlength="255" value="" name="q" size="20" type="text"> <input value="Search" name="sa" type="submit"></td><br /></tr><br /><tr><br /><td><br /></td><br /><td nowrap="nowrap"><table><br /><tbody><br /><tr><br /><td><input checked="checked" value="" name="sitesearch" type="radio"> <span style="color: rgb(255, 255, 255);">Web</span></td><br /><td><input value="youthnetworks.ning.com" name="sitesearch" type="radio"> <span style="color: rgb(255, 255, 255);">youthnetworks</span></td><br /></tr><br /></tbody><br /></table><br /></td><br /></tr><br /></tbody></table><br /></form><br /></center><br />

Ning မွာ ထည့္ခ်င္တယ္ဆုိရင္ေတာ့ Text မွာ ထည့္သြင္းရမွာပါ။ youthnetworks.ning.com ေနရာမွာ မိမိတုိ႔ရဲ႕လင့္ေတြကုိ ေျပာင္းထည့္ရမွာ ျဖစ္ပါတယ္။
ဘေလာ့မွာဆုိရင္ေတာ့ Add a Gadget က HTML မွာ ထည့္သြင္းရမွာပါ။
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ www.aungsanmks.blogspot.com
www.ledimyethar.com

Read more »