فيسبوك تويتر يوتيوب الموجز
إعرض جميع المقالات
جميع الحقوق محفوظة © 2012 - لـ عرب حصرى - Mohsen Abdo
404
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة
كيفية اضافة صندوق تعليقات الفيس بوك أسفل المشاركات على مدونة بلوجر بالطريقة الصحيحة

دون اطالة كما تعودتم معنا اليكم الشرح كاملا اتبع الخطوات التالية كل ما تحتاجه وما ورد من شرح تجده أسفل الفيديو 

اولا الشرح من خلال الفيديو التالى ثم تابع بقية الشرح بالاسفل : 

ثانيا الشرح وتحميل الاكواد اخر الموضوع بالاسفل التى وردت بالفيديو أعلاه : 

نظرا لان الشرح لا يعمل مع بعض الاشخاص تم عمل شرحين باكواد مختلفه أقرأ المقال بالكمال وكلا الشرحين واختار الانسب لك. 

الشرح الأول (الذى ورد بالفيديو):

اليكم الشرح مكتوب وبالتفصيل :


اولا قم بإنشاء تطبيق على الفيس بوك للحصول على الـ ID  ادخل للرابط التالي:





او من خلال الرابط :


ثم اضغط على Register Now 

قم بكتابة اسم مدونتك ثم اسم التطبيق (المهم هنا هو الحصول على id التطبيق) ثم تابع الخطوات وقم بإنشاء التطبيق.

بعد انشاء التطبيق والحصول على الـ ID (المعرف) الخاص به 

ادخل الى لوحة تحكم المدونة ثم قالب ثم تحرير HTML

ثم داخل القالب اضغط ضغطة واحدة بيسار الماوس ثم اضغط على
Ctrl + F لاظهار مستطيل البحث عن الاكواد


الان إبحث عن :

xmlns:expr='http://www.google.com

ثم أضف هذا الكود فوقه :

xmlns:og='http://ogp.me/ns#'

بعد وسم HTML ليصبح مثل الكود أسفله :

<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>

الان إبحث عن :

</head>

و أضف أسفله هذا الكود :

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

مع تعويض هذ  YOUR_APP_ID  بالايدي الذي حصلت عليه من التطبيق

قم الان بالبحت عن :

</head>

و أضف قبلها / فوقها هذا الكود :

<meta property="fb:app_id" content="YOUR_APP_ID" />

مع تعويض هذا  YOUR_APP_ID  بالايدي الذي حصلت عليه من التطبيق

الان اخر مرحلة هي إضافة التعليقات إلى القالب

إبحث فقط عن هذا الكود :

<b:includable id='postQuickEdit' var=

و ضع هذا الكود فوقه :

 <b:if
cond='data:blog.pageType == "item"'>
    <div
    style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
        <script
        src='http://connect.facebook.net/en_US/all.js#xfbml=1'
        />
        <div>
            <fb:comments
            colorscheme='light'
            expr:href='data:post.url'
            expr:title='data:post.title'
            expr:xid='data:post.id'
            width='550'
            />
        </div>
                </div>
                </b:if>

لو اردت ان يظهر المربع بالعربية غير الحروف en_US الى ar_AR لتصبح كالتالي :

src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'

لو اردت المربع باللون الاسود فضع كلمة DARK بدلا من LIGHT

(يفضل عدم تغييره) 

اضغط حفظ القالب ومبروك عليك صندوق تعليقات الفيس بوك على موقعك /او مدونتك. 

لتحميل التيكست به الشرح والاكواد كاملة اسفل المقال.

الشرح الثاني.

اظهار تعليقات الفيس على بلوجر من خلال اسكربت فقط.

الذى لا تعمل معه هذه الطريقة وهذا الشرح بالكامل تفضلو  اسكريبت تعليقات الفيس بوك بكل بساطة 

اذهب الى القالب الخاص بك ثم اضف السكريبت فى مكان وضع السكريبتات لديك فى القالب 

وهو له مكانين إما قبل نهاية وسم الهيد وهو </head>

او نهاية وسم البودى وهو </body> 

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

السكربت هو :

<center><div id="fb-root"></div><script src="https://connect.facebook.net/ar_AR/all.js#xfbml=1"></script><fb:comments href="رابط الموقع او المدونة هنا/vb/t=$threadid" num_posts="3" width="600"></fb:comments></center>

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

الان اليك تحميل الاكواد للشرح الأول بالأعلى.  


من ميجا : اضغط هنا 

من ميديا فاير : اضغط هنا 



المنشورات ذات الصلة

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

  1. هل جربت الأكواد قبل نشرها؟
    أحب أهنيك على فشلك

    ردحذف
    الردود
    1. اكيد يا اخى ولو ركزت بالفيدو هتلاقينى عملت كده بالفعل وحذفت الأكواد ورجعتها مره اخرى وتمت بنجاح شاهد الفيديو

      حذف
    2. حضرتك فى فيديو .. يعني الشرح أمامك صوت وصورة !

      حذف
  2. ليه شلت قالب الفيس بوك

    ردحذف
    الردود
    1. فين ده احنا شغالين من 2011 الى الان نحن فى 2019 طبعا غيرنا كتير ولكن الان خلاص ثبتنا على هذا القالب واتمنى يكون على المستوى المطلوب لمتابعى عرب حصرى

      حذف
  3. نفذت الخطوات بكل دقه تماما ولم سظهر صندوق الفيس بوك ايه السبب حضرتك ؟ https://ramadan20192019.blogspot.com/

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

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

      <***center***>
      <***div id="fb-root"***>
      <***/div***>
      <***script src="http://connect.facebook.net/ar_AR/all.js#xfbml=1"***>
      <***/script***>
      <***fb:comments href="رابط الموقع او المدونة هنا/vb/t=$threadid" num_posts="3" width="600"***>
      <***/fb:comments***>
      <***/center***>

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

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

    ردحذف

جدول التنقل بين محتوى المقال
    جميع الحقوق محفوظة © 2012 - لـ عرب حصرى
    تصميم وتطوير من الـ بواسطة Mohsen Abdo