မိမိBlogမွာ Shear Box ေလးထားမယ္

မိမိဘေလာ့မွာ ဒီလိုေလးတပ္ထားမယ္

 မဂၤလာပါသူငယ္ခ်င္းမ်ား ဒီတစ္ခါတင္ေပးမွာကေတာ့ မိမိရဲ႕ဘေလာ့ထဲမွာ Shear Box ထည့္ထားနည္းေလးျဖစ္ပါတယ္။ လွပျပီးေသသတ္တဲ့ Shear Box ေလးရဲ႕လုပ္ေဆာင္ခ်က္ေလးကေတာ့ မိမိဘေလာ့ဆိုဒ္ေလးထဲကို လာၾကည့္တဲ့သူေတြ ကိုယ္တင္ေပးထားတဲ့ ပိုစ့္ေတြကိုရွာရတာ လြယ္ကူဖို့အတြက္ Shear Box ေလးမွာလိုခ်င္တာ ရိုက္ရွာလိုက္ရံုနဲ႔ အလြယ္တကူရွာေတြနိုင္မွာ ျဖစ္ပါတယ္။ျပဳလုပ္နည္းအဆင့္ဆင့္ကို ေအာက္မွာျပထားေပးထားပါတယ္။အားလံုးအဆင္ေျပၾကလိပ့္မယ္လို့ ထင္ပါတယ္။

        ►1. အရင္ဆံုး မိမိblog ကို Singin ၀င္ပါ

        ►2. Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕ Dashboard ကေနေပါ့

        ►3. Add a Gadget ကိုကလစ္ေပးလုိက္ပါ 

        ►4. HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ

        ►5. ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ 

အဆင့္ (၁)

အဆင့္ (၂)

အဆင့္ (၃)

ဒီကုတ္ေတြ Copy ယူျပီး Pasteခ် Save ပါ

<style>

#hob-search

{

background:#333;padding:10px;

width:240px;

border-radius:10px;

-moz-border-radius: 10px;

-khtml-border-radius: 10px;

-webkit-border-radius: 10px;}

#hob-submit

{

border:1px solid #333;

background: #000;

padding:5px;

color:#ffffff;

font:14px verdana;

border-radius:5px;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;}

#hob-input

{

border:1px solid #dcdcdc;

background:#ffffff;

padding:5px;

color:#888888;

font:14px verdana;

transition: width 2s;

-webkit-transition: width 2s; /* Safari */

-o-transition: width 2s; /* Opera*/

-moz-transition: width 2s; /* firefox*/

width:180px;

border-radius:10px;

-moz-border-radius: 10px;

-khtml-border-radius: 10px;

-webkit-border-radius: 10px;}

</style>

         <form action='/search/max-results=8'  method='get' id="hob-search">

            <input name='q' id='hob-input' onblur='if (this.value == "") {this.value = "ဒီဆိုဒ္အတြင္းပိုစ့္မ်ားကိုရွာရန္...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value=' ဒီဆိုဒ္အတြင္းပိုစ့္မ်ားကိုရွာရန္...'/>

            <input id='hob-submit' type='submit' value='ရွာမည္'/>

         </form>

မွတ္ခ်က္ ။        ။(ဒီဆိုဒ္အတြင္းပိုစ့္မ်ားကိုရွာရန္...) ဟူေသာေနရာနွင့္ ( ရွာမည္ )ဟူေသာေနရာမ်ားကို မိမိစိတ္ၾကိဳက္ေျပာင္း သံုးနိုင္သည္။ ဆိုဒ္အႀကီအေသးကိုလဲ မိမိလိုသလိုေျပာင္းလဲ နိုင္ပါတယ္။

ဒီပံုကေနာက္တစ္မ်ိဳးပါ

ျပဳလုပ္နည္းအပၚကဟာနဲ႔အတူတူပါ ဒီပံုရဲ႕ကုဒ္ကိုေအာက္မွာယူပါ

<style type="text/css">
#searchbox{background:#d8d8d8;border:4px solid #e8e8e8;padding:20px 10px;width:200px}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input{outline:none}#searchbox input[type="text"]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwKkBYRlYa2wyuI7i0m_Wo_VDQEoCEqesjp3JlmapFtmY0nPV1IO_W-eX_Y4j2Z35ex5xwmAorkQisdTxXuHUEb7rh2Nn09GiPD0g4sbadxuBsJTyzy1A-SjJYkMW3Gg-fptM2nLeGNvep/s1600/search-dark.png) no-repeat 10px 6px #fff;border-width:1px;border-style:solid;border-color:#fff;font:bold 12px Arial,Helvetica,Sans-serif;color:#bebebe;width:55%;padding:8px 13px 9px 25px}#button-submit{background:#6A6F75;border-width:0;padding:9px 0;width:23%;cursor:pointer;font:bold 12px Arial,Helvetica;color:#fff;text-shadow:0 1px 0 #555}#button-submit:hover{background:#4f5356}#button-submit:active{background:#5b5d60;outline:none}#button-submit::-moz-focus-inner{border:0}
</style>
<form id="searchbox" method="get" action="/search">
<input name="q" type="text" size="15" placeholder="Type here..." />
<input id="button-submit" type="submit" value="Search" /></form>

 တစ္စံုတရာအခက္အခဲ ရိွပါကြန္မန္းမွာ ေအာ္သြားေပးပါခင္ဗ်ာ။

၀င္ေရာက္လာလည္ေပတဲ့အတြက္လဲ အားလံုးကိုေက်းဇူးတင္ပါတယ္။

 တစ္ေန႔ေန႔တစ္ခ်ိန္ခ်ိန္ ကြ်န္ေတာ္လူ႔ေလာကၾကီးထဲက နွုတ္ဆက္ထြက္ခြာသြားခဲ့တဲ့အခါ ကြ်န္ေတာ္တို႔ရဲ႕ပညာေလးေတြဟာ အျမဲက်န္ရိွေနေစခ်င္ေသာစိတ္ျဖင့္ နည္းပညာေလးေတြမွ်ေ၀ေပးရင္း အားလံုးပဲ စိတ္ဆင္းရဲျခင္းကင္းေ၀းၾကပါေစဗ်ာ။ 

 ေအာင္ဟိန္း (အေျခခံနည္းပညာ)