အနက္ေရာင္ 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/AVvXsEi_K0ztel3UNugYruqVlARtc2ypEzfnsAz5B9aqeIbqM5cpAbWfGG3kfUYrc6KIi__CRc_LmnyAfAN_eDS7OIJFb7LgKxwpy9xW-H30Ha-K3D_X_OldazzOCGHsIO_AwENtjndjeuzLk-tR/); } #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/AVvXsEgofN4aR4HZwFzlj013uu13FCuz2Qpkns2BaplNStphexAdnqFzoJcPDVXqf0QgSUOVFQ97dIYqWI6tBkrKQWljKWSPBJHAka4Pu0PwzxAzqKUuM5XQM04yu0jxjgNYsVy2FU8Pvk5aFeVL/s1600/sform.png) no-repeat; border:none; font: normal 100% "Tahoma", Arial, Helvetica, sans-serif; color:#C6C6C6; } #searchsubmit { width:57px; float: left; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZhTeoo3RC4zTAMUewXeAQFb_y6NGMtyq4uaag0JWu-0Lifp86WNjsgwE0_Z9vbGqiQbO4ITY-oiW-Ll8avWv7pGBUCn0KBAXDXqb5rcN7mwHzaPjVCyo8hOR8ec8njJnVt62J4T7qFDf/); border:none; font: bold 100% "century gothic", 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 ကိုအစား
ထိုးေပးလုိက္ပါ။
အဆင္ေျပပါေစဗ်ာ....
0 comments:
Post a Comment