اضافة: كود البحث في بلوجر

يحتاج جميع أصحاب المواقع والمدونات مربع للبحث داخل موقعه أو مدونته ليتمكن أي زائر من زوار الموقع للوصول الى ما يريده وليجد ما يبحث عنه، ولربما كان دخل موقعك أحد الزوار وقرأ موضوع وأراد أن يعود له مرة أخرى ولكن لكثرة المواضيع الجديدة لا يعرف الشخص أين ذهب الموضوع أو في أي قسم هو، فلهذا يكون مربع البحث في الموقع مهم بالنسبة للزوار ولصاحب الموقع أيضاً.

دعونا الآن نتعرف كيف سنقوم بوضع هذا المربع داخل المدونة.

معاينة لكود البحث قبل وضعه

الخطوة الأولى:

  

1- اذهب إلى تحرير التنسيق.

2- تحرير HTML.

3- ابحث عن "]]></b:skin>"

4- ثم أضف هذا الكود فوقه مباشرة.

 #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/AVvXsEgEAOUp_wKuHgUs4xv6fI4h0SZB9h1N8J-fZBLGUK-c0vy3ZlEZP_MYPW8_11gljCRrWWSwE26zFkFRNfxT7a5Tk-b4i8eDDJxNpp64aCC9DMOfLB5iILcUcOT1Bho_mvGrbT0SxXD1A58/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 " في المكان الذي تريده أنت.

<div id='search'>
<form action='/search' class='search' id='searchform' method='get'>
<div>
<input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;اكتب ثم ابحث&quot;;}' onfocus='if (this.value == &quot;اكتب ثم ابحث&quot;) {this.value =&quot;&quot;;}' size='30' type='text' value='اكتب ثم ابحث'/>
</div>
</form>
</div>