اضافاة أداة البحث في المدونة بشكل احترافي

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

مرحبا بكم متابعي مدونة اضافات بلوجر الى موضوع جديد.

اليوم سنشرح كيفية اضافة أداة البحث في مدونات بلوجر بشكل رائع يجعل المدونة تبدو احترافية للغاية.

هذه الاضافة تتيح للزائر بطبيعة الحال البحث في مواضيع مدونتك بطريقة سهلة وسريعة.

لنقوم بشرح طريفة اضافة الأداة الى المدونة :

اولا توجه الى لوحة التحكم في بلوجر

اختر التخطيط ثم اضافة أداة جديدة HTML/JavaScript

قم بوضع الكود التالي :

كود بلغة HTML:<form method="get" action="/search" id="search"> <input name="q" type="text" size="40" placeholder="ابحث في هذه المدونة" /> </form>

قم بعمل حفظ للأداة.

ثم قم بالتوجه الى القالب واختر التعديل على HTML

 ابحث عن الوسم التالي :

]]></b:skin>

ثم قم بلصق الكود التالي فوقه مباشرة :

كود بلغة HTML:#search { } #search input[type="text"] { background: url(search-white.png) no-repeat 10px 6px #fcfcfc; border: 1px solid #d1d1d1; font: bold 12px Arial,Helvetica,Sans-serif; color: #bebebe; width: 150px; padding: 6px 15px 6px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #search input[type="text"]:focus { width: 200px; }

وأخيرا قم بعمل حفظ للتعديلات.

سيتم الان اظهار أداة البحث في مدونتك بشكل رائع وجذاب يتيح لزوار مدونتك البحث في مواضيعك بسهولة..

تتميز هذه الاضافة بأنها تمكن من البحث بدون اضافة خاصية البحث الخاصة بجوجل الى المدونة..

كما أنها تظهر نتائج البحث بطريقة ظهور أقسام المدونة..

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

الى هنا أكون قد انتهينا من شرح طريقة تركيب الاضافة.

أتمنى أن تنال اعجابكم والى اللقاء في موضوع جديد.