معهد خبراء بلوجر - حصري أضف صندوق تعليقات فيسبوك بدون أخطاء

https://lh3.googleusercontent.com/-C...omment-box.png

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

https://lh6.googleusercontent.com/-R...255B2%255D.png

وهذا شكل الاضافة تم بحمد لله شرح مفصل للاضافة

أريد منكم زيارة مدونتي التعليمية مدونة كنوز مدونتي الاستفادة من احدث دروس تطوير مدونات بلوجر ( اضافات - ادوات - اشهار - قوالب ).
http://konozblog.blogspot.com

طريقة تركيب تعليقات فيسبوك

1-إنشاء تطبيق خاص على الفيسبوك:

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

https://lh6.googleusercontent.com/-J...55B01%255D.png

أدخل كلمة التحقق و اضغط زر المتابعة، كما بالصورة الآتية:

https://lh6.googleusercontent.com/-7...255B3%255D.png

في الصفحة الموالية إلى اليسار اضغط على "تحرير تطبيق" ثم تابع كما بالصورة الآتية:

https://lh6.googleusercontent.com/-g...255B4%255D.png

https://lh3.googleusercontent.com/-u...255B5%255D.png
https://lh4.googleusercontent.com/-q...55B05%255D.png

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

2-إضافة الأكواد اللازمة إلى قالب المدونة:

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

ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :

كود بلغة HTML:

xmlns:fb='http://www.facebook.com/2008/fbml'

الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:

كود بلغة HTML:

<div id='fb-root'/> 

<script> 

    window.fbAsyncInit = function() { 

    FB.init({ 

      appId  : 'ألصق الـ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/ar_AR/all.js'; 

    e.async = true; 

      document.getElementById('fb-root').appendChild(e); 

    }()); 

</script>

بعد ذلك ابحث عن </head> ثم قبله مباشرة ألصق الكود الآتي:

كود بلغة HTML:

<meta expr:content='data:blog.pageTitle' property='og:title'/> 

<meta expr:content='data:blog.url' property='og:url'/> 

<meta content='عنوان المدونة' property='og:site_name'/> 

<meta content='[COLOR="DarkOrange"]https://lh4.googleusercontent.com/-lkDb02epE9k/UGmB7jJw1qI/AAAAAAAACOs/j3G04N0Z7Qg/s79/logo-konozblog.png' property='og:image'/> 

<meta content='اكتب معرف التطبيق الذي نسخته سابقا' property='fb:app_id'/> 

<meta content='http://www.facebook.com/konozblog' property='fb:admins'/> 

<meta content='article' property='og:type'/>

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

بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة ابحث عن الكود الآتي:

كود بلغة HTML:

<b:includable id='comment-form' var='post'>

و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:

كود بلغة HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'> 

<div style='padding:0px 0px 0px 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='520'/></div> 

<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>كود تعليقات الفيسبوك مأخوذة من  <b><a alt='blogger templates' href='http://www.mybloggertricks.com' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>mybloggertricks.com</a></b> تم تركيب تعليقات الفيسبوك من <b><a alt='مدونة كنوز مدونتي' href='http://konozblog.blogspot.com' style='text-decoration:underline; color:#fff;' target='_blank' title='كنوز مدونتي'>konozblog.blogspot.com</a></b></div></div> 

</b:if>

مع تغير
width='520 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك.
width:510px استبدلها بالعرض المناسب الذي تريد أن يبدو عليه الشريط الموجود آسفل التعليقات فيسبوك.
light استبدلها بـ dark (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة).
فيمكنك إدراجه الكود في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.

و أخيرا اضغط زر الحفظ و ومبروك عليك الاضافه المتميزه.

ارجو من جميع من مر على هذا الموضوع سواء استفاد منه وقام بتطبيقه او لا بان يساهم في دعم المدونه عن طريق الضغط على زر أعجبني ومتابعة صفحتنا على الفيس بوك " صفحة مدونة كنوز مدونتي " فهذا بالنسبه لي يعتبر اكبر تقدير ومقابل تقدمه للمدونه, فكثرة تعليقات الشكر لا تسعدني بقدر ما اشعر بسعاده في الرد على استفساراتكم، لذلك لا اعتبر عبارات الشكر والمديح دعما حقيقيا يدفعني للاستمرار على عكس شئ بسيط.

كاشتراكك في صفحة المدونه كنوز مدونتي :)

فهو قد يكون تافها بالنسبه لك لكن له اثر عميق في نفس من يكتب وينشر المواضيع لذا لا تبخل بمتابعتك
لنا واي استفسار, بخصوص الموضوع يرجا ترك تعليق بالاسفل سواء علي فيس بوك او بلوجر, وساقوم بالرد علي جميع الاستفسارات وساقوم ايضا بتلقي طلبات تركيب الاضافه لمن يرغب في ذلك ممن يستعصي عليه تطبيق الشرح

فقط قم بالرد هنا واخباري.. انتهى.

المصدر: آخر تحديث: تركيب تعليقات فيسبوك على مدونات بلوجر بدون أخطاء

[/COLOR]