لإضافة مربع البحث الى مدونتك تتبع الخطوات التالية :
1 - أدخل الى لوحة تحكم بلوجر
2 - إضغط على قالب ثم تحرير HTML
3 - ضع العلامة على مربع توسيع قالب واجهة المستخدم ثم اضغط في الكيبورد على ctrl+f
4 - ابحث عن الكود التالي : ]]></b:skin>
5- ثم قم بوضع الكود التالي فوقه مباشرة :
#b-query {
width: 131px;
padding: 0px 2px;
background: #F9F9F9;
border: none;
border-right: 1px solid #efefef;
float: right;
margin-top: 0px;
text-align: right;
color: #666;
font: 13px 'Droid Arabic Kufi', tahoma ,arial;
}
#b-query:focus{
width: 200px;
}
#b-searchbtn {
float: left;
width: 27px;
height: 26px;
font: 13px 'Droid Arabic Kufi', tahoma ,arial;
background:#EBA00F url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA9a2153O4EPA5OpEXu3mIF-NzlZTStQdELQQeoW6CbFHufrsopGfReEcpj2ofoHRsbpV36W77I-gAhR1IKCL12ayfhX8jKaAwVkHkKXtea2qQvrQzakdaXZOcUNqA4dPmOgcyVDuQCyw/s1600/rech.png) center no-repeat;
cursor: pointer;
border: none;
margin: 0;
padding: 0;
}
.shea{
float:left;
height:26px;
}
6 - ضع كود مربع البحث في الموضع الذي تريده : (في الهيدر يكون أفضل)
<div class='shea'>
<form action='http://www.hamo-soft.blogspot.com/search' id='searchthis' method='get' style='display: inline;'>
<input id='b-query' maxlength='250' name='q' size='29' type='text'/>
<input id='b-searchbtn' type='submit' value=''/>
</form>
</div>
7 - قبل ذلك استبدل عنوان المدونة (اللون الأزرق) برابط مدونتك
و مبروك عليك الإضافة
ليست هناك تعليقات:
إرسال تعليق