إذا كنت تمتلك مدونة على بلوجر وتبحث عن طريقة لمنح زوارك تجربة بحث أفضل داخل موقعك، فأنت في المكان الصحيح. أداة البحث الافتراضية في بلوجر محدودة الإمكانيات ولا تتيح للزائر فلترة النتائج حسب التصنيف أو التحكم في طريقة عرضها. لهذا السبب أعددنا لك أداة بحث متقدم مخصصة تُضاف مباشرةً عبر أداة HTML/JavaScript في لوحة تحكم بلوجر.
هذه الأداة مبنية بالكامل على JavaScript الخالص وتعتمد على واجهة Feed API المدمجة في بلوجر، مما يعني أنها لا تحتاج إلى أي مكتبات خارجية أو خوادم وسيطة. كل ما تحتاجه هو نسخ الكود ولصقه في أداة HTML بمدونتك — وستعمل فوراً مع أي قالب.
✨ مميزات أداة البحث المتقدم
- بحث نصي فوري — يجلب النتائج من مدونتك بمجرد الضغط على زر البحث أو مفتاح Enter.
- فلترة بالتصنيفات — قائمة منسدلة تتيح للزائر تضييق نطاق البحث ضمن تصنيف معين.
- عرض النتائج ببطاقات أنيقة — كل نتيجة تظهر مع العنوان والملخص وتاريخ النشر ورابط المقال.
- بدون مكتبات خارجية — JavaScript خالص بدون jQuery أو أي اعتماديات إضافية.
- تصميم متجاوب RTL — مُصمم أصلاً للعربية ويعمل على جميع أحجام الشاشات.
- تجربة مستخدم سلسة — زر البحث يُعطَّل تلقائياً أثناء التحميل مع رسائل واضحة لكل حالة.
- متوافقة مع جميع قوالب بلوجر — تُضاف كأداة HTML/JavaScript مستقلة ولا تتعارض مع القالب.
- لا تؤثر على سرعة التحميل — الكود مُضغوط وخفيف، يُحمّل النتائج فقط عند طلب البحث.
- سهلة التخصيص — تغيير الألوان والتصنيفات وعدد النتائج بسطور قليلة.
📋 كود أداة البحث المتقدم
انسخ الكود التالي كاملاً بضغطة زر واحدة، ثم اتبع خطوات التثبيت الواردة بعده:
⚙️ خطوات إضافة الأداة إلى مدونة بلوجر
- ادخل إلى لوحة تحكم بلوجر واضغط على التخطيط (Layout) من القائمة الجانبية.
- اختر المنطقة التي تريد إضافة الأداة فيها (الشريط الجانبي أو أي موضع مناسب)، ثم اضغط إضافة أداة.
- من القائمة المنبثقة، ابحث عن أداة HTML/JavaScript واضغط عليها.
- اضغط على زر 📋 نسخ الكود من الكتلة أعلاه للحصول على كود الأداة كاملاً.
- الصق الكود المنسوخ كاملاً في حقل المحتوى الخاص بالأداة.
- في حقل العنوان، اكتب مثلاً: البحث في المدونة، أو اتركه فارغاً إن أردت.
- اضغط حفظ ثم ارجع إلى صفحة التخطيط واضغط حفظ الترتيب.
- ادخل إلى مدونتك وستجد أداة البحث المتقدم تعمل فوراً! 🎉
🎨 كيفية تخصيص الأداة
1. إضافة تصنيفات مدونتك الخاصة
في كود الأداة، ابحث عن كتلة <select> وعدّل عناصر <option>. تأكد أن قيمة value="..." مطابقة تماماً لاسم التصنيف في بلوجر (بما في ذلك المسافات وحالة الأحرف).
2. تغيير عدد النتائج المعروضة
ابحث في كود الأداة عن var MAX=10 وغيّر الرقم 10 إلى أي قيمة تريدها مثل 5 أو 20.
3. تغيير لون الأداة
اللون الرئيسي للأداة هو #4f46e5 (بنفسجي). استبدله بلون يتناسب مع قالب مدونتك — يظهر في زر البحث وحدود التركيز وبطاقات النتائج. لون الـ hover المرافق هو #4338ca.
⚠️ ملاحظات مهمة قبل التثبيت
- تأكد أن قيمة التصنيف في الكود مطابقة تماماً لاسم التصنيف في بلوجر، بما في ذلك المسافات والأحرف الكبيرة.
- الأداة تعمل على نطاق مدونتك فقط — لن تعمل في وضع المعاينة الفورية (preview) داخل محرر بلوجر.
- Blogger Feed API محدودة بـ 500 منشور كحد أقصى لجلب النتائج في الاستعلام الواحد.
- تأكد أن خلاصات الموقع (Feeds) مفعّلة في إعدادات بلوجر، وإلا لن تعمل الأداة.
❓ أسئلة شائعة
هل تعمل الأداة مع جميع قوالب بلوجر؟
نعم، تعمل الأداة مع أي قالب بلوجر لأنها تُضاف كأداة HTML/JavaScript مستقلة ولا تتداخل مع كود القالب الأساسي، سواء كنت تستخدم قالباً افتراضياً من جوجل أو قالباً مخصصاً من طرف ثالث.
هل تؤثر الأداة على سرعة تحميل المدونة؟
لا تؤثر على سرعة تحميل الصفحة إطلاقاً، إذ لا تجلب أي بيانات عند التحميل الأولي، بل فقط عندما يقوم الزائر بتنفيذ عملية بحث. الكود خفيف ولا يعتمد على أي مكتبات خارجية.
هل أحتاج إلى معرفة برمجية لتثبيت الأداة؟
لا تحتاج إلى أي خبرة برمجية على الإطلاق. فقط اضغط زر النسخ للحصول على الكود كاملاً، ثم الصقه في أداة HTML/JavaScript كما هو موضح في خطوات التثبيت.
كيف أضيف تصنيفات مدونتي الخاصة إلى قائمة الفلترة؟
بعد نسخ الكود، ابحث عن عنصر <select> وعدّل عناصر <option> الموجودة أو أضف عناصر جديدة، مع التأكد أن قيمة value مطابقة لاسم التصنيف في بلوجر تماماً.
هل الأداة متوافقة مع سياسات جوجل أدسنس؟
نعم تماماً. الأداة خالية من أي محتوى مضلل أو روابط خارجية مشبوهة، وتعرض فقط منشورات مدونتك الخاصة. وهي خفيفة جداً ولا تتداخل مع وحدات الإعلانات بأي شكل.
أداة البحث المتقدم هذه هي إضافة بسيطة لكنها تُحدث فرقاً حقيقياً في تجربة زوار مدونتك وتساعدهم على إيجاد المحتوى الذي يبحثون عنه بسرعة وسهولة. إن واجهت أي مشكلة في التثبيت أو التخصيص، اترك تعليقك أسفل المقال وسنرد عليك في أقرب وقت.
لمزيد من الأدوات المفيدة لمدونة بلوجر، اطلع على مقالاتنا ذات الصلة:
