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

الأربعاء، 11 ديسمبر 2013

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

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

طريقة الإضافة ..

اولاً إذهب إلى مطور التطبيقات من هنا developers.facebook.com/apps

ثم انقر على تطبيقات ثم عمل تطبيق جديد أو create new app

إملأ الفراغات ثم متابعة

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

ثانياً إذهب إلى موقعك على بلوجر ثم إلى القالب ثم إلى تحرير

وابحث عن هذا الكود <html بعد ان تجده قم بإضافة xmlns:fb='http://www.facebook.com/2008/fbml' لكي يصبح عل هذا الشكل كما في الصورة

الان إبحث عن <body> وبعدها مباشرة قم بإضافة الكود التالي :


<div id='fb-root'/>


<script>



AsyncInit = function() {


    FB.i



window.f


bnit({xfbml: true, appId: معرف التطبيق });


  };



nction() {


    



  (f


uvar e = document.createElement('script'); e.async = true;


    e.src = document.location.protocol +



s'


    document.getElementById('fb-root').a



      '//connect.facebook.net/ar_AR/all.


jppendChild(e);




  }());</script


>

طبعا ستقوم بتغير معرف التطبيق باللون الأحمر إلى الآي دي الذي نسخته في المرحلة الأولى من هذا الشرح ،بعد أن تقوم بإضافته توجه مرة آخرى وإبحث عن </head> واضف قبله الكود التالي :


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


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


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


='og:titl


<b:else/>


<meta   expr:content='data:blog.title' propert


ye'/>



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


</b:i



<meta


 f>


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


<me


t


meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>





<


meta content='معرف التطبيق ID'   property='fb:app_id'/>





<


meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>





<


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





<

غير عنوان المدونة إلى عنوان مدونتك ، والتي ستظهر في بروفايل أي شخص عندما سيعلق على موضوع في مدونتك بإستخدام حسابه في الفيس بوك ، كذلك قم بإضافة معرف حسابك على الفيس بوك والذي سيجعلك مديراً للتعليقات من اجل إدارتها ، ولكي تعرف معرفك الخاص انقر على بروفايلك في الفيس بوك وابحث في الرابط في الاعلى عن إسم المستخدم مثلا حسابي الخاص هو facebook.com/dabsha.1997 إدن المعرف هو dabsha.1997 سأقوم بإضافته في الكود . أما بالنسبة لمعرف التطبيق فستضيف كود التطبيق App ID الذي نسخته مرة آخرى .

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


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


<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


>

يمكنك تغير الــ width='600' إلى أي قيمة لكي يتناسب عرض مربع تعليقات الفيس بوك مع مدونتك ، والان لم يبقى عليك سوى عمل حفظ للقالب وسيتم إضافة التعليقات إلى مدونتك .. فهنيئاً لك

إن أعجبك الموضوع لا تتردد بوضع تعليق (تعليقاتكم تهمنا وتدعمنا)

منشورة في: أحدث التدوينات

كل شي عندي

الأربعاء، 11 ديسمبر 2013