test-template: فيسبوك

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

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

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

-->

إدخل فى السطر الأول إسم التطبيق وليكن مثلا ( تعليقات الفيسبوك ) أو أى إسم تريده . إدخل فى السطر الثانى إسم مدونتك بالإنجليزيه ( e7tarif ) مثلا أو أى إسم تريده .
ثم إضغط إستمرار أو متابعه أو continue تبعا للغة إستخدامك للفيسبوك .
سيظهر لك مربع حوارى آخر به كلمه للتحقق , قم بإدخالها ثم إضغط متابعه .

ستجد أن المربعات الحواريه قد أغلقت وظهرت أمامك الصفحه بها بيانات , وهى ما يهمنا كما فى الصوره .

إفتح تحرير HTML الخاص بقالب مدونتك ثم إتبع الآتى :

إبحث عن الكود التالى :

<html

أضف بعده مباشرة الكود التالى

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

سيصبح شكل الكود كاملا كالشكل التالى:

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

ثم إبحث عن الكود التالى وقم بتوسيع القالب

<body>

ضع الكود التالى بعده مباشرة

<div id='fb-root'/>
<<script>window.fbAsyncInit = function() {
        FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var   };  (function() {    var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +
            '//connect.facebook.net/ar_AR/all.js'
        document.getElementById('fb-root').appendChild(e);
  }());  }());</script>

وقم بإستبدال كلمة معرف التطبيق ذات اللون الأحمر برقم App ID/API Key المعطى لك فى البيانات التى حصلت عليها سابقا .

بعد ذلك قم بالبحث عن الكود التالى وقم بتوسيع القالب :

</head>

وأضف قبله مباشرة الكود التالى:

<b:if cond='data:blog.pageType == "item"'>
<<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<<meta   expr:content='data:blog.url' property='og:url'/>
<<b:else/>
<<meta   expr:content='data:blog.title' property='og:title'/>
<<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</</b:if>
<<meta   content='اسم المدونة' property='og:site_name'/>
<<meta   content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9-vixxuMnVpZQBOLucMyI_apFpb7EgjqNx1Lxxu0JF7mPUiNXv9DnjsEd4Nix_pDzn37DaL1Bqs-xWtTJnAWve6I5dp4vpvsoFP5Lxfo4vcRuulZdGM-wcWAd3Xh_xbu-_Ui_9mmyUA/s1600/e7tarif+logo+.png'   property='og:image'/>
<<meta content='معرف التطبيق'   property='fb:app_id'/>
<<meta content='معرف الحساب'   property='fb:admins'/>
<<meta content='article'   property='og:type'/>

هام : لا تنس تغيير الصورة التالية :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9-vixxuMnVpZQBOLucMyI_apFpb7EgjqNx1Lxxu0JF7mPUiNXv9DnjsEd4Nix_pDzn37DaL1Bqs-xWtTJnAWve6I5dp4vpvsoFP5Lxfo4vcRuulZdGM-wcWAd3Xh_xbu-_Ui_9mmyUA/s1600/e7tarif+logo+.png

قم بتغيير اسم المدونه وإكتب عنوان مدونتك
قم بتغيير الرابط ذو اللون البرتقالى إلى رابط الصوره التى ترمز لمدونتك
قم بتغيير معرف التطبيق ID إلى رقم App ID/API Key المعطى لك فى البيانات السابقه
قم بتغيير معرف حسابك على فيسبوك ID إلى معرف حسابك الحقيقى على الفيس بوك , فمثلا من الممكن أن يكون إسما هكذا

https://www.facebook.com/bouchikhi.s

أو من الممكن أن يكون أرقاما هكذا

https://www.facebook.com/profile.php?id=100006891387389

وبعد أن تنتهى من هذه التعديلات قم بالبحث عن الكود التالى وقم بتوسيع القالب :

<data:post.body/>

ثم أضف بعده مباشرة الكود التالى:

<b:if cond='data:blog.pageType == "item"'><div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</</div>
</</b:if>

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

Unknown

6:13 ص

أكمل القراءة

عن القالب

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

تابعنا على الفيس بوك

تعليقات الفيسبوك بأحدث طريقه لتدويناتك على بلوجر

إعلانات

عن الموقع

احصل يوميا على تحديتاث المدونة

تابعنا على شبكاتنا الإجتماعية