Post Top Ad

Your Ad Spot

السبت، 11 يناير 2014

اضافة صندوق البحث بشكل بسيط وجذاب لمدونات بلوجر 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>
بالأخير اضغط على حفظ وانتهى التركيب 

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

هناك 5 تعليقات:

  1. أخي عندي مشكلة في صندوق البحث الدي يوجد في مدونتي http://seos77.blogspot.com/
    عند البحت على أي شيئ لا يعطيني بحت في موقعي بل في الموقع الدي قمت بتحميل منه القالب

    ردحذف
  2. بسيطة يا اخى الكريم :
    فقط قم بأخذ رابط هذا الموقع وابحث عنة فى اكواد القالب وغيرة برابط موقعك

    ردحذف
  3. http://12abjdhoaz.blogspot.com/

    صورمشبات وديكورات مشبات ومشبات اكبر موقع بالسعوديه وتجدون جميع الصور نتميز بالدقه فى اعمال مشبات الرخام والحجر والطوب

    مشبات ,صورمشبات . ديكورات مشبات . صور مشبات



    http://shomane.blogspot.com/

    مشبات صور مشبات

    ردحذف
  4. http://tech7yatak.blogspot.com


    شكرآ لك

    ردحذف
  5. شكرا جزيلا على الشرح
    لكن الصندوق بعدما ركبته لا يعمل بمدونتي

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad