24‏/11‏/2014

2014-11-24T22:28:00+03:00
24‏/11‏/2014

إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي

إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي
إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي

صندوق البحث من أهم الاشياء التي يجب ان تتواجد في كل مدونة ناجحة لأهميته الكبيرة , الزائر في كثير من الاحيان يختصر على نفسه الوقت بالبحث في المدونة بدلاَ من تصفح المواضيع واحداَ خلف واحد , وصناديق البحث كثيرة في الانترنت لاكن اليوم حبيت اضع لكم صندوق من تصميمي وهو يعمل بكفائه على مدونات بلوجر , طبعا الخط مدمج مع الاضافة.
ايضا انبه ان محرك البحث متجاوب , اي انه سيتمدد ويتقلص حسب المكان الموضوع فيه.
موضوع عشوائي : قالب حلول بلوجر السابق مع الواجهه




صورة : 

إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي

مثال مباشر : من هنا


طريقة التركيب : 


  • ادخل قالب مدونتك او التخطيط .
  • ضع كود محرك البحث في المكان الذي تريد  :

<link async='' href='//jetara.googlecode.com/svn/trunk/7lolblogger-fonty.css' rel='stylesheet'/>
<div id='wc-searchblack1'><form action='/search' id='wc-searchblackbox1' method='get'><input id='wc-searchblackinput1' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;بحث في الموقع...&quot;;}' onfocus='if (this.value == &quot;بحث في الموقع...&quot;) {this.value = &quot;&quot;}' type='text' value='أبحث في الموقع ...'/><div id='bl-pp0'><input id='wc-searchblacksubmit1' type='submit' value='أبحث'/><a href='http://blog.7lolblogger.com/'></a></div><style>div#wc-searchblack1{padding:0;width:95%;display:block;margin:2px auto}form#wc-searchblackbox1{padding:0;margin:0 auto;width:100%;text-align:right;direction:rtl}input#wc-searchblackinput1{width:70%;padding:8px;padding-left:15px;margin:0;font:12px lolblogger;color:#999;border:1px solid #eee;background:rgba(255,255,255,1);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(47%,rgba(255,255,255,1)),color-stop(100%,rgba(247,247,247,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 47%,rgba(247,247,247,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(255,255,255,1) 47%,rgba(247,247,247,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0)}input#wc-searchblacksubmit1{width:20%;max-width:70px;padding:8px;margin:0;font:12px lolblogger;color:#FFF;border:1px solid transparent;background:#f9690e}div#bl-pp0{display:inline;position:relative;right:-9px}div#bl-pp0:before{display:inline-block;content:'';position:absolute;top:11px;right:-15px;margin-top:0;height:0;width:0;border:8px solid transparent;border-left-color:#f9690e}input#wc-searchblacksubmit1:hover{cursor:pointer}</style></form></div>


  • لتغير اللون البرتقالي : ابحث عن هذا الكود وغيره  :

#F9690E








.كلمات دلالية : 
إضافة محرك بحث في مدونة بلوجر.
محرك بحث احترافي لمدونة بلوجر.
تصميم محرك بحث لمدونة بلوجر.

عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة
صورة التدوينة
ملخص التدوينة:

إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته إضافة محرك بحث متجاوب لمدونة بل...

الساعه : 2014-11-24T22:28:00+03:00
تاريخ : 24‏/11‏/2014
التعليقات : 20
    انشرها :

هناك 20 تعليقًا:

  1. شكرا لك اخي محرك بحث جميل

    ردحذف
  2. أسف أن كنت سأخرج بعيدا عن الموضوع لكن لدى مشكلة وأريد مساعدة من أسطورتنا
    لدى مدونتى ولكن قمت ببيعها وصاحبها أهملها لذلك أريد أن أخذ نسخة من هذه المدونة وأقوم بأنشاء مدونة جديدة
    سبق وقلت سبب مشاكل قفل مدونتك هى نسخك ل20 الف موضوع ياريت تساعدنى ولك منى جزيل الشكر
    أنا لا أريد الطريقة لأنه من حقك الأحتفاظ بها أنا أريدك فقط تأخذ نسخة من المدونة وتعطينى أياها أو لم يكن لديك الوقت أعطنى الطريقة و أنا سأفعلها بنفسى
    انتظرك بفارغ الصبر هذا أيميلى jevaraexp@gmail.com
    وهذ ايميلى على الفيس أيضا https://www.facebook.com/eslam705

    ردحذف
    الردود
    1. ارسلي رابط المدونة على ايميلي

      حذف
    2. تم الأرسال أخى عبدالله
      فى أنتظارك يا طيب د1

      حذف
    3. المدونة كلها افلام واغاني , انا ماني ناقص اخذ ذنوب الناس فوق ذنوبي #الله المستعان , واعذرني.

      حذف
  3. يا أخى عبدالله ما أنا عملت مدونة أصلا علشان ان صاحبها الجديد مهتم بالأغانى فقط والعياذ بالله
    أنا أريد التدوينات التى قبل الأغانى فهاك تدويناتى
    وهذه هى مدونتى الجديدة أ،ظر الى هذه التدوينة http://ebdaty.blogspot.com/2014/11/new-begin.html
    تقبل مرورى يا طيب

    ردحذف
    الردود
    1. طيب انا ما اقدر الا اسحب جميع المواضيع , هل اقوم بسحبها وانت تحذف مواضيع الاغاني والافلام ؟

      حذف
  4. اوك أخى
    ماشى فى أنتظارك

    ردحذف
    الردود
    1. تم اخي واتمنى لك بداية اخرى اقوى من السابقة بكثير ت1

      حذف
  5. مرحبا اخ عبد الله لدي فكرة لتطويره بشكل يدعو للدهشة
    اجعله عندما تبحت عن شيء يظهر هكدا في مثل هدا القالب
    http://ichaa3.blogspot.com
    جرب البحث ع كلمة لكي تفهم المقصود بالامر
    ان اعجبتك الفكرة راسلني

    ردحذف
    الردود
    1. مافهمت قصدك حقيقة وجربت بحثت ماشفت شي ؟

      حذف
  6. شكرا لك

    http://www.abdalwurs.com/

    ردحذف
  7. الموضوع ماله دخل في البرمجه يا مبرمج ؟
    الموضع يخص الارشفة وانا عملت له الي طلبه وارسلته.
    - ونصيحة اخوية : حاول تحسن اخلاقك حتى مع الغريب وتكون قدوة , وش الفائدة مبرمج وتمتدح نفسك وانت اخلاقك في قاع البئر !.

    ردحذف
  8. اخى مبرمج برو شكرا لك ولكن الأخ عبدالله أخ كريم ومجتهد وليس بالفاشل أبدا والدليل على ذلك مدونته المتألقة ماشاء الله
    الموضوع بسيط وما يستاهل وللعلم أخى عبدالله انا لم أستلم منك ملف أصلا لكن أنا قلت أنك مشغول بالدراسة فلم أريد تعطيلك فأجلت الموضوع
    تقبلا مرورى

    ردحذف
    الردود
    1. ?? انا متاكد جهزته لك في ملف مضغوط وارسلته على ايميلك !!
      طيب اعطني ايميل اخر لانه الايميل الي اعطيتني اياه يبدو انه به مشكلة.

      حذف
  9. هذه خاصية الانيميتد مع بعض الجيكويري , وفي لها مواقع تقدم لك مكتبة في هذه الخاصيه جاهزه :
    http://www.jqueryscript.net/animation/Animate-Elements-In-When-They-Come-Into-View-jQuery-CSS3-Animate-It-Plugin.html

    ردحذف
  10. غير معرف5/4/15 00:46

    شكرا لك أخي
    تم التطبيق في http://www.manara-info.com

    ردحذف
  11. رائع
    تسلم ايديك
    http://arabyanoo.com

    ردحذف
  12. موضوع رائع شكرا على المجهود
    ت1 http://tknielantrnat.blogspot.com/

    ردحذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار صندوق التعليقات.

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

قالب حلول بلوجر النسخة الثالثه

قالب حلول بلوجر النسخة الثالثه متاح للتحميل , قالب يتميز بالاحترافيه والخفة والسرعه اضافة الى الارشقة الممتازة.

أقرأ الموضوع

الاشتراك في القائمة البريدية

هنا تستطيع الإشتراك في قائمتنا البريدية ضع إيملك بالأسفل وأضغط إشتراك ولا تنسي تأكيد إشتراكك من خلال بريدك الإلكتروني

الاسم

بريد إلكتروني

رسالة