أبحث في المدونة

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


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





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

بعد التأكبد ستجد هذه



ثم انزل للأسفل وضغط على website وضع رابط موقعك كما في الصورة





ثم اذا وجدت هذه في الاعلى فانها تعني التعديل تم حفظه وكل شيء حتى الان ممتاز




الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد

طريقة التركيب :
لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.القالب
3. ثم تحريرhtml
4- توسيع القالب

 ثم ابحث عن الكود التالي :بالضغط على alt+f

<html


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



xmlns:fb='http://www.facebook.com/2008/fbml'
ليصبح هكذا

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

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

<body>

ملاحظة: بالنسبة لقوالب بلوجر الجديدة فانك ستجد الكود على هدا الشكل


<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>


ثم قم بوضع الكود التالي أسفل احد الكودين حسب ماعندك


<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;ضع رقم التطبيق هنا&#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='رابط اللوغو أو الصورة الخاص بالمدونة' property='og:image'/>
<meta content='رقم التطبيق ' property='fb:app_id'/>
<meta content='http://www.facebook.com/ربط برفيلك' property='fb:admins'/>
<meta content='article' property='og:type'/>
<script src="http://bilokr.googlecode.com/files/autotag.js" type="text/javascript"></script>



اضف الكود كما هو



غير مايلي في الكود

غير مدونة بلوجر توب باسم مدونتك
غير رابط اللوغو أو الصورة الخاص بالمدونة الى صورة لمدونتك بحيث ستظهر هده الصورة بجانب عنوان موضوعك على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px
بدل رقم التطبيق برقم التطبيق الدي أنشأناه
غير برابط بوفيلك وليس صفحتك

ثم الخطوة الأخير وهي البحث عن الكود التالي


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

ثم ضع تحته مباشرة الكود التالي اختر احد الخيارات

(1)


<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/ar_AR/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>

</b:if>

ملاحظة : يمكنك تغير مايلي حسب دوقك
ar_AR تجعل الاداة باللغة العربية ويمكن ارجاعها بالانجليزية بوضع en_US
light تعني لون الصندوق الطبيعي وهي الأبيض ويمكنك ارجاعه أسود وضع DARK مكانها
520 تعني عرض الاداة ويمكنك التعديل الى مايناسبك
ثم في الأخير احفض القالب



(2)

(إذا رغبت في صندوق تعليقات فيسبوك بألوان خفيفة)



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


(3)

(إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة)



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



كيف تتحكم في التعليقات ؟
يمكن التحكم فيها عن طريق الدخول على الرابط التالي :
https://developers.facebook.com/tools/comments/
المرجع بتصرف مني واضافة














هناك تعليقان (2):

  1. شرح مميز
    مدونة ربح المال من الأنترنيت
    http://elrabih.blogspot.com/

    ردحذف
  2. انا جربته ونجح ميرسى :)

    ردحذف