اعلان

صفحة خطأ ):
الصفحة التي تبحث/ي عنها غير موجودة

يمكنك محاولة كتابة كلمة البحث مضبوطه أو الضغط على الزر التالي للعودة للرئيسية

الرئيسية

2‏/9‏/2012

طريقة اضافة تعليقات facebook الطريقة الصحيحة تم التحديث

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


 أولا انشاء تطبيق على الفيسبوك

الان  توجه الى هدا الرابط     انشاء تطبيق

 ثم تابع الشرح في الصور




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

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




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




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



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


طريقة التركيب :

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                 لاتنسى اخد نسخة احتياطية للقالب

1.لوحة التحكم                                                         1 -.لوحة التحكم
2.القالب                                                                2  - .تخطيط أوتصميم
3. ثم تحريرhtml;.                                                               ثم 3 - تحريرhtml.  
 4.متابعة                                                               4-.توسيع القالب
5.توسيع القالب                                                         
 ثم ابحث عن الكود التالي :بالضغط على       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'>
ثم  ضع تحته مباشرة الكود التالي

<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  تعني عرض الاداة ويمكنك التعديل الى مايناسبك

 ثم في الأخير احفض القالب

أذا ظهر اى مشكله فى الاضافة اضف مشكلتك فى التعليق

هناك 6 تعليقات:

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

    ردحذف
    الردود
    1. اهلا بيك يا اخى كون من متابعون المدونة وانتظر الشرح وشكراا

      حذف
  2. مدونه رائعه وارغب في تحسين مدونتي لمن لديه المعرفه بالتصميم ..... مدونتي من هنا http://gamezertruth.blogspot.com/

    ردحذف
  3. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  4. السلام عليكم اخي الطريقة لم تنجح
    و ظهرت لي هذه الرسالة :
    The widget with id "Blog1" cannot contain element: "b:if". A widget can only contain b:includable elements

    ردحذف

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

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

جميع الحقوق محفوظة لــ بلوجر توب ©