اضافة قالب تعليقات فيس بوك الى مدونة بلوجر

0

السلام عليكم  


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

ومن ثم اكتب الاختبار واضغط موافق
كما في الصورة ادناه


ومن ثم اختر تحرير التطبيق
كما في الصورة ادناه

ومن ثم انسخ معرف التطبيق مهم
كما في الصورة



ومن ثم ادخل المعلومات ورابط عنوان مدونتك
كما في هذه الصورة

واضغط حفظ المعلومات
الان
ناتي الى الاكواد
الكود الاول
ابحث باستعمال اداة البحث  كونترول + f
على الكلمة

<html
وضع بعدها الرابط الاتي


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

كما في هذه الصورة



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



<div id='fb-root'/> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
      appId  : &#39;ألصق الـID الذي نسخته سابقا هنا&#39;, 
      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(&#39;script&#39;); 
      e.src = document.location.protocol +   &#39;//connect.facebook.net/ar_AR/all.js&#39;; 
    e.async = true; 
      document.getElementById(&#39;fb-root&#39;).appendChild(e); 
    }()); 
</script>


كما في هذه الصورة



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




<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV1mA5Cb8FQ8zFczwCt6l9CzSbdBVxsubjekqv_SWZGdFeykOjRsskcM3YUGvKREvYbUty2dsMLIWu6rLozd_Qa3cEX2XDm_SNfy4S_RqnY6x_nAXf15z2ghS75LLWoOdf-uTLdlKlKYc/s79/logo-konozblog.png' property='og:image'/> 
<meta content='اكتب معرف التطبيق الذي نسخته سابقا' property='fb:app_id'/> 
<meta content='http://www.facebook.com/kashkoolfortechnology' property='fb:admins'/> 
<meta content='article' property='og:type'/>




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


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

والصق هذه مكانه





<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='kashkool for tevhnology' href='http://konozblog.blogspot.com' style='text-decoration:underline; color:#fff;' target='_blank' title='kashkool for tevhnology''>konozblog.blogspot.com</a></b></div></div> 
</b:if>



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

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










X أهلاً وسهلاً بك‫!‬ إذا اعجبك الموضوع، يمكنك متابعة آخر مواضيع المدونة عبر الإشتراك في صفحتنا على الفيسبوك و ذلك بالضغط على الزر

لا يوجد تعليقات

أضف تعليق

اضف تعليقً ... يهــمنــا رائـيـك ....