إضافة زر "أعجبني" من فيسبوك الى تدوينة بلوجر

عدد مشاهدات الموضوع:
أهلا و سهلا بكم إخواني أخواتي الكرام ،من منا لا يعرف الفيسبوك و ما مدى أهميته في التواصل الاجتماعي ونشر المدونة وإستقطابه لعدد كبير من الزوار ، ولذلك سوف أقوم بشرح كيف إضافة أداة مهمة جدا ألى و هي "زر أعجبني" حيث يتم إدراج هذه الأداة تحت كل موضوع والتي تتيح للزائر التعبير عن إعجابه بالمقال الذي قرأه في مدونتك ،وبدون إطالة ،لنذهب مباشرة إلى التطبيق.
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).










<data:post.body/>
ملاحظة :يظهر الزر باللغة العربية أو الإنجليزية حسب اللغة التي يستخدمها الزائر في حسابه على فايسبوك، فإن كانت صفحته الشخصية بالعربية ظهر الزرعلى شكل أعجبني
و إن كان بالإنجليزية ظهر الزرعلى شكل Like
ولإضافة الزر في آخر التدوينة ألصق الكود التالي بعدها و ليظهرفي أول التدوينة ألصقه قبلها.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>
tahoma : نوع الخط
light : يعني خفيف ، ويمكن تغييرها الى dark
450px العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك

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

  1. جزاك الله خيرا..~

    موفق

    ردحذف
  2. اشكرك اخييي
    افدتني:)

    ردحذف
  3. مشكور ..
    تم إضافتها في مدونتي .

    ردحذف
  4. الف شكر
    تم اضافتها الى مدونتي

    ردحذف
  5. السلام عليكم ....


    اخي لدي استفسار ...


    هذا الكود لم اجده ....



    وبحثت عنه بلوحة التحكم (CTRL+F) ....


    ولم يظهر ...


    اريد حل ...


    وشكرا

    ردحذف
  6. @b2li~moon

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

    ردحذف
  7. ابو اياد لاحظت ان هذا الكود استبدلته بكود اقرأ المزيد
    وانا الان لم اعرف اين اضع كود اعجبني ,,
    سأكوت شاكرة لك اذا اخبرتني :)

    ردحذف
  8. @Alaa
    نعم بالفعل لكن الكود الذي قمت بإضافته يضم كذلك الكود:<data:post.body/>
    إبحثي عنه مرة أخرى وتأكدي إن كان منه إثنين في قالب مدونتك فالكود الثاني هو المقصود

    ردحذف
  9. اوكي ابو اياد يعطيك الف عافية ,,
    بجرب وارجع ارد لك خبر ^.^

    ردحذف
  10. اخوي ابو اياد ,,
    انا جربت الطريقة ,, وللأسف ماظهر لي الزر ,, مالعمل
    جربت ان اضع الكود بعد وايضا جربته قبلها ولكن لا فائدة ,,
    اذا كانت لديك فكرة عن المشكلة ارجوك اخبرني ^.^

    ردحذف
  11. @Alaa
    سوف يظهر لك الزر فقط عند دخولك لأحد التدوينات وليس على الصفحة الرئيسية ،تأكدي من ذالك وردي علي

    ردحذف
  12. تأكدت ودخلت للتدوينات ولكن لم يظهر

    ردحذف
  13. إبحثي عن هذا الكود
    <div class='post-header-line-1'>
    وضعي كود الزر تحته

    ردحذف
  14. اخي ابو اياد ارجوا ان لا اكون مصدر ازعاج
    ولكني ايضا لم اجد هذا الكود ,,
    بحثت عنه بكل الطرق ,,

    ردحذف
  15. @Alaa

    حاولي أن تجدي هذا الكود
    <div class='post-footer-line post-footer-line-1'>

    فإن لم تجديه ،أءبحثي عن هذا الكود:
    <p class='post-footer-line post-footer-line-1'>

    ردحذف
  16. ابو اياااااااااااااااااااد
    مشكووووووور والله
    نفعت الطريقة الاخيرة قبل شوية جربتها وطلع زر اعجبني
    الله لا يحرمنا منك
    ودايم تساعدنا ^.^
    مشكووووور

    ردحذف
  17. @Alaa
    مبروك عليك أختي،ما أنا هنا إلا للمساعدة

    ردحذف
  18. شكرا لك تمت الإضافة بنجاح..

    ردحذف
  19. مشكور ابو اياد و بارك الله فيك

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

    للعلم قمت بإضافة أعجبني جميل جداً .. لكنها نص فقط وإسم المعجب .. لا توجد صور رمزية صغيرة ..

    انتظرك على مدونتي شكراً لك ..

    ردحذف
  21. انت رائع على طوول نجحت العمليه

    ردحذف
  22. زبطت معي :((
    تسلم يدينك خيو أبو إياد ربي يبارك بـ أيامك

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

    ردحذف
  24. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  25. شكرا لك أخي الكريم على المعلومات القييمة إستفدت منك كثيرا، بارك الله فيك و في أهلك (الله يرحم الوالدين)

    ردحذف
  26. انا عملت كل الخطوات ومتاكد منها انها صح ومش اول طريقه اتبعها من هذه المدونه الرائعه لكن الامر لم يظهر

    ردحذف
  27. شكراً ع الاضافة.

    ردحذف
  28. حسنا .. وضعته وأريد أن أحذفه
    كيف ؟
    ساعدنى

    ردحذف
  29. @متفائل إلا تلت
    إبحث عن الكود الذي وضعته وذلك بالبحث عن السطر الأول ثم قم بتحديد الكود كاملا ثم قم بحذفه فالأمر بسيط

    ردحذف
  30. بارك الله فيك

    ردحذف
  31. ما زبطت اخي

    ردحذف
  32. شكرا على الشرح

    ردحذف
  33. فعلا اخى الاضافة جميلة وقمت بتطبيقها على مدونتى ولكنى اريدها يسار الصفحة
    http://www.newm4all.blogspot.com
    وقلى رايك فى المدونة لو تحتاج اضافة شئ وشكرا على مجهودك

    ردحذف
  34. جزاك الله عنا جميعا الف الف خير ... دايم الي الامام اخي الكريم

    ردحذف
  35. مدونة طريق الاسلام http://tarek-elaslam.blogspot.com

    ردحذف
  36. عملتها وما بانت عندييي )

    ردحذف
  37. شكرا ياريت تزورو مدونتي loverteam.blogspot.com
    b-(

    ردحذف
  38. اتمنى تكونوا اصدقاء في مدونتي وابي رايكم فيها

    http://dezphotoshop.blogspot.com

    ردحذف
  39. أشكرك كثيراً على هذه الأضافة
    جزاك الله كل خير أخي أبو إياد

    ردحذف
  40. شكرا لك على المجهود

    ردحذف
  41. شكرا لك اخي الكريم
    http://nejahkotwa.blogspot.com/

    ردحذف
  42. شكرا كثيرا على الاضافه :)

    ردحذف
  43. مرحبا حاولت اكثر من مرة اضافة زر لايك لكن للاسف لا يظهر... فما السبب وكيف اضيفه

    ردحذف
  44. أزال المؤلف هذا التعليق.

    ردحذف
  45. رائع..موضوع رائع

    ;) :((

    ردحذف
  46. اخي مش زابطه معي شو اعمل ؟؟؟؟؟؟

    ردحذف
  47. استاذي الجليل أبو اياد..لك مني تحايا وشكر وكامل احترام..بصراحة انا استفدت كتير جداً منك..من مدونتك ..من ابداعك وشرحك المقتصر المفيد..فأنا بيك اثريت مدونتي بجد...وفقك الله وزاد علمك.

    ردحذف
  48. شكرا لك .. لكني مع الأسف جربتها ولم تنجح معي ولم اعرف السبب؟

    ردحذف
  49. السلام عليكم انا لم افهم شيء انتقل في إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
    قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F). ممكن الشرح بالصور
    http://lesvoituresluxes.blogspot.com/

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

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

    ردحذف
  52. مشكور عزيزي
    http://exparabs.blogspot.com

    ردحذف
  53. شكرا لك أخي

    مرحبا بك على مدونة تكنولوجيا العرب
    http://www.tec-arab.com
    http://www.wawproxy.com

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

    ردحذف
  55. السلام عليكم ورحمة الله
    الله يعطيك العافية يا ابو اياد ..
    لو سمحت في سؤال ..
    كيف عملت صندق ( اخفاء التعليقات لتصفح اسرع )
    ممكن الطريقة لو سمحت ؟

    ردحذف
  56. شكرا على الموضوع و اهلا بكم في مدونتي http://www.fadwa01.com/

    ردحذف
  57. شكرا ولكن لم ينجح معي اخي ارجوا الرد
    http://pramijprof.blogspot.com/

    ردحذف
  58. يا أخي أنا عندي قالب مدونة بصمة تقنية.. حاولت بجميع الطرق لكن لا يظهر الزر.. المرجو المساعدة

    ردحذف
  59. شكرا اخي
    http://www-ibn-sina.blogspot.com/

    ردحذف
  60. للاسف اخي لم تنجح معي

    ردحذف
  61. ششششششششششششششششششششكرا

    ردحذف
  62. اين اجد خانة توسيع القالب

    ردحذف
    الردود
    1. بعد التحديث الجديد للوحة تحرير القالب لم يعد خيار توسيع القالب موجودا. تم تفعيله تلقائيا الان

      حذف
  63. شكرا على الموضوع المتميز

    لقد قمت بإضافة زر لايك بنجاح

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

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

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية