အနက္ေရာင္Tamplet မ်ားအတြက္အနက္ေရာင္ Search Box

အနက္ေရာင္ Template အတြက္လိုက္ဖက္တဲ့ search box ေလးပါ၊ႏွစ္သက္တဲ့မိတ္ေဆြ
မ်ားအသံုးျပဳႏိုင္ေအာင္တင္ေပးလုိက္ပါတယ္။

အရင္ဆံုးကိုယ့္ရဲ႕ Blog ထဲ့သို Log in ၀င္ပါ၊ေအာက္ပါပံုအတိုင္း Template ကိုႏိုပ္ပါ

Edit Html ကိုႏိုပ္ပါ

Ctrl + F အကူအညီနဲ႕   </head>   ကိုရွာပါ၊ေတြ႕ျပီဆိုရင္

</head>   ရဲ႕အေပၚမွာ Cursor ခ်ျပီး ေအာက္ပါ Code မ်ားကူးထဲ့ျပီး Save Template
ကိုႏိုပ္ပါ။

<style type='text/css'>
#search {
height:34px;
width:auto;
margin-top:10px;
padding:17px 5px 10px 15px;
width:311px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAJVrkrvorIaBTtuPlHJhWSSQ_S-Sndyzmjq_3-dNq0iRppShe-hc3R42Qa8bvqZ4uiTnFq9vHi-nxq-rZnjI0NxQsajoHq4Jcyzs_crMMtnwOQg-Eq1-1_18akcoRrVoueRCXEBYM1Wb/);
}
#search form {
margin: 0;
padding: 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search p {
margin: 0;
font-size: 85%;
}

#s {
margin-left:0px;
float: left;
width:231px;
padding: 6px 2px 6px 5px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXTlDdQxZzEr9s-WQuABv8AYmRTP33xCYBJmcBOWRm1927PZRitACmg8mBgBlnCG10COmSZ4AP4wta9whSHzrgZWLYWbOv-8mIpDdVKVC8yDbKo_5Gs0Z6caRoGPdztUjQvyXiY8v0Ezqd/s1600/sform.png) no-repeat;
border:none;
font: normal 100% &quot;Tahoma&quot;, Arial, Helvetica, sans-serif;
color:#C6C6C6;
}

#searchsubmit {
width:57px;
float: left;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWbeZLN7WJTDyfYgVXGCaicQ5K3AQHStNLhuDCkQLJ9BY_Jw4tazuPMBnmCkG7oqd4JdwInWusFY-ChURZCyJ7bw6Vnf9qBB7RU1JbZ6lfrzYglDkyhwQYxEdcfFW9XAOlgwiAuZFENiG/);
border:none;
font: bold 100% &quot;century gothic&quot;, Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:28px;
margin-left:5px;
}

</style>

 ျပီးရင္ Layout ကိုေရြးပါ

ေအာက္မွာျပထားတဲ့အတိုင္း Add a Gadget ကိုႏိုပ္ျပီး HTML/JAVA Script ကိုႏုိပ္ပါ

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

<div id='search'>
<form id="searchform" action="http://Your site /search" style="display:inline;" method="get">
<input id="s" name="q" type="text" value=""/>
<input id="searchsubmit" value="" type="submit"/>
</form>
</div>

 အနီေရာင္ျပထားတဲ့ Your site ေနရာမွာကိုယ့္ Blog ရဲ႕ URL Link ကိုအစား
ထိုးေပးလုိက္ပါ။
အဆင္ေျပပါေစဗ်ာ..