إبحث في موسوعة التدوين

أضف محرك البحث الخاص بك إلى مدونة بلوجر


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




ويختلف محرك البحث الذي سأشرح كيفية وضعه في مدونتك عن محرك البحث المدمج في شريط تصفح البلوجر، بإن الأخير يقوم بعرض نتائج البحث على موقع بلوجر www.blogger.com وبالتالي سينقل زوار مدونتك إلى رابط جديد بعيداً عنك. بينما كود محرك البحث الذي أقدمه هنا سيعرض النتائج في مدونتك، وستكون في المساحة المخصصة لعرض الرسائل المنشورة. كما يختلف أيضاً عن أداة "مربع البحث" الموجودة ضمن مجموعة الأدوات الذكية والتي تقدمها جوجل للمدونين، وبالرغم من أن أداة "مربع البحث" تعرض النتائج في مدونتك. إلا أنها تفتقر لإمكانية تخصيص الأداة والتحكم في مظهرها --كما ستلاحظ في الشرح-- كما أنها تعرض وبحد أقصى 4 نتائج فقط. ودعونا الآن نبدأ في شرح كيفية وضع كود البحث وتخصيصه في مدونتك.




إن كود محرك البحث التالي والذي سنستخدمه هو بلغة الـ HTML ولذلك يجب وضعه في أداة HTML/Javascript وذلك بالذهاب إلى تصميم>عناصر الصفحة ومن ثم الضغط على إضافة أداة وبالطبع عليك اختيار أداة HTML/Javascript.


<p align="right">
<form id="searchthis" action="
ضع رابط مدونتك هنا/search" style="display:inline;" method="get">
<strong>ضع عنوان مدونتك هنا<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="إبحث في مدونتي" type="submit"/>
</form></p>


وقبل أن تقوم بنسخ هذا الكود في الأداة السابقة، فيجب عليك تغيير الأسطر والتي أشرت إليها باللونين الأحمر والأزرق على النحو التالي:


يجب تعديل الكلمات المشار إليها باللون الأحمر (إجباري)، فلن يعمل الكود بالشكل الصحيح من دون تغييرها.
ضع رابط مدونتك هنا ==> عليك استبدال هذا النص برابط المدونة مبتدءاً بـ http:// ومنتهية بـ com
ضع عنوان مدونتك هنا ==> استبدل هذا النص بعنوان مدونتك ... مثال:(موسوعة التدوين) أو بأي عبارة أخرة تجدها مناسبة.


بالنسبة للكلمات المشار إليها باللون الأزرق فهي إختيارية. وتساعد على تخصيص مظهر مربع البحث في مدونتك.
إبحث في مدونتي ==> هي الجملة التي ستظهر لزوار مدونتك في مربع البحث. انظر الصورة التالية




size="20 ==> وهو طول المستطيل الذي يستخدمه الزوار لكتابة الكلمات التي يرغون بالبحث عنها. وللتوضيح أكثر فقد استخدمت في الكود السابق طول 20، وسيظهر بالشكل التالي


وفي الصورة التالية قمت بتغيير الطول إلى 30.


وبإمكانك تغيير طول مستطيل البحث إلى الحجم الذي ترغبه وذلك بتغيير الرقم 20 في الكود السابق للحجم الذي يتناسب مع قالب مدونتك. أما إذا رغبت بتغيير زر البحث "إبحث في مدونتي" إلى صورة من اختيارك. فيمكنك استخدام الكود التالي


<p align="right">
<form id="searchthis" action="
ضع رابط مدونتك هنا/search" style="display:inline;" method="get">
<strong>ضع عنوان مدونتك هنا<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src=" ضع رابط الصورة هنا" align="top"/>
</form></p>

وستكون النتيجة النهائية بهذا الشكل


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



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

  1. تدوينة رائعة ومفيدة جدا .. ساقوم بتطبيقها في مدونتي ان شاء الله

    ردحذف
  2. رائع جدا ولكن كيف ستظر لي النتائج
    maher.qassem@yahoo.com

    ردحذف
  3. هل من الممكن أن أجني النقود من المدونة ثم أشتري بها نطاقا.
    مثل www.example.com

    ردحذف
  4. موضوع جميل جدا
    مدونه maazikatv
    http://maazikatv.blogspot.com

    ردحذف
  5. شكرا أخي على الموضوع الرائع

    ردحذف
  6. رائع جدا اشكرك على هذة الاضافة

    مع تحيات مدونة جوجل مصر

    ردحذف
  7. واجب الشكر لك علي المعلومة كنت مش عارفة كيف اضع الكود لمدونتي الله يبارك فيك تحياتي

    ردحذف
  8. شكرا ليك كتير كنت ابحث عن هذا الكود

    http://elkhabeir.blogspot.com/

    ردحذف
  9. مدونتك رائعة يرجى تبادل وصلات
    www.bussmoney.com

    ردحذف
  10. جيد جداً

    ممكن تبادل اعلانى
    http://technooolooogy.blogspot.com/

    ردحذف
  11. مشكور

    مدونة رجل عظيم ترحب بكم ^ـ^ : http://www.1man-great.tk/

    ردحذف
  12. شكرا لك اخي الكريم
    http://wild-algeria.blogspot.com/

    ردحذف
  13. تشرفنى فى مدونتى http://el-masrawya.blogspot.com

    ردحذف
  14. زورو مدونتي التي سوف تبهركم بجميع المقالات
    ameeralaomara.blogspot.com

    ردحذف
  15. بلاش هذي النصيح وان كانت موجهة الاخوة المسيحين مو لا زم تكون عامة هكذا او تنشرها في منتدى مسيحي + انت تنصح لكن مكانك غلط يا اخي

    ردحذف
  16. اتمنى زيارتنا هنا للافادة كما ارغب في التباد الاعلاني مع الجميع :
    معراج تطوير الذات

    ردحذف
  17. اتمنى زيارتنا هنا للافادة كما ارغب في التباد الاعلاني مع الجميع :
    معراج تطوير الذات

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

    http://www.alelm89.blogspot.com

    ردحذف
  19. تصل الى اعلى معدلات من الاشهار مع كبرى شركات التسويق الالكتروني والتى تدعى سوقنى لاشهار مواقع الويب
    زور موقعنا عبر
    http://swaqny.com

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

    ردحذف
  21. اكتشف المعاني الكامنة وراء أسماء مدن العالم
    https://alsnwy.blogspot.com/2023/08/blog-post_21.html?m=1

    ردحذف
  22. عالم كرة القدم الرائع: كشف تأثير الرياضة وشعبيتها
    https://alsnwy.blogspot.com/2023/08/blog-post_20.html?m=1

    ردحذف

نتشارك المعرفة والخبرات مع المدونين العرب ... أترك تعليقك ورأيك دعماً منك لنا.