اذهب إلى تحرير التنسيق.
2- تحرير HTML.
3- ابحث عن
]]></b:skin>
4- ثم أضف هذا الكود فوقه مباشرة
إنسخ باستخدام Ctrl+c من لوحة المفاتيح والكيبورد
#search{
float:center;width:180px;height:20px;margin-top:2px;}
#search form{float:right}
#search input[type="text"]{
-webkit-border-radius: 5px;
border-radius: 5px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX1k7ukXFV9fv-Zh5yCZYp5iRHn6p9wgSdje6fbABit7wGkizjKYfrsfMY8u2qlFA8kPExPUNSXTi6oHsBo9CwL-TzxBuRxlvR0jX8nd62BmRYlorN8Uy_qCHSK_pRmH6a9YhMIna6yc/s1600/search_button.png) no-repeat scroll 4px center;float:right;border:1px solid #999;width:250px;margin-top:1px;padding:3px 15px;font:13px tahoma;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}
رقم 250 هو عرض مربع وبإمكانك تغيره إلى أي مقاس تختاره أنت
- الخطوه الثانيه :
1- اذهب إلى تحرير التنسيق.
2- عناصر الصفحة.
3- اضافة أداة. "HTML/JavaScript " في المكان الذي تريده أنت.
ثم ألصق هذا الكود:
إنسخ باستخدام Ctrl+c من لوحة المفاتيح والكيبورد
<div id='search'>
<form action='/search' class='search' id='searchform' method='get'>
<div>
<input name='q' onblur='if (this.value == "") {this.value = "اكتب ثم ابحث";}' onfocus='if (this.value == "اكتب ثم ابحث") {this.value ="";}' size='30' type='text' value='اكتب ثم ابحث'/>
</div>
</form>
</div>