اضافة صندوق البحث بشكل بسيط وجذاب لمدونات بلوجر add search to blogger

 add search to blogger صندوق بحث بلوجر اضافة صندوق بحث لمدونات بلوجر بشكل بسيط والوان متناسقة هذه الاضافة رايتها بمدونة اجنبية واحببت ان انقلها لكم لمن يريد ان يضيف هذه الخاصية الى المدونة وكالعادة قمت بتجربتها اولا قبل ان اضعها لكم .

شكل الاضافة البسيطة :

كيفية التركيب :

اذهب الى لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT

قم بأضافة الكود التالى :

<style>

#wc-searchblack1

{

background: #222222;

border-radius:10px;

width:290px;

}

#wc-searchblackbox1

{

padding:10px;

}

#wc-searchblacksubmit1

{

border:1px solid #222222;

background: #dc4523;

padding:5px;

color:#ffffff;

font:14px verdana;

}

#wc-searchblackinput1

{

-moz-border-radius: 10px;

-khtml-border-radius: 10px;

-webkit-border-radius: 10px;

border:1px solid #ffffff;

background:#ffffff;

padding:5px;

color:#888888;

font:14px verdana;

}

</style>

<div id='wc-searchblack1'>

<form expr:action='data:blog.homepageUrl + "search/"' method='get' id="wc-searchblackbox1">

<input name='search' id='wc-searchblackinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='البحث عن...'/>

<input id='wc-searchblacksubmit1' type='submit' value='بحث'/>

</form>

</div>

بالأخير اضغط على حفظ وانتهى التركيب 

ارجو بأن هذه الاضافة اعجبتكم (( لا خير فى كاتم العلم ))