-->
  • آخر التعليقات :

    404
    نعتذر , لا نستطيع ايجاد الصفحة المطلوبة

    الثلاثاء، 26 سبتمبر 2017

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

    بسم الله الرحمن الرحيم 

    اهلا ومرحبا بكم مجدد متابعي مدونة مستر افكار Mr-Afkar كل يوم فكرة جديدة وشرح جديد سينال اعجابكم باذن الله تعالي 

      شروحات    برامج     اندرويد      حصريات     ويندوز      مقالات       فيسبوك 

       اليوم سنقدم لكم شئ جديد سيعجبكم وهو 

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

    سنشرح اليوم طريقة اضافة صندوق تعليقات الفيسبوك في مدونتك لمشاهده المعاينه انظر اسفل التدوينه عند التعليقات 




    والآن مع بعض التركيز أثناء متابعة شرح الخطوات: 


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

      1- تحتاح فى البداية فتح حساب الفيس بوك للمطورين من هنا Facebook Developer
      facebook-comment-box to blogger 
      ثم الموافقة على الشروط
      facebook-comment-box to blogger 
       2- قم بإنشاء تطبيق جديد بالضغط على Add a new app
      facebook-comment-box to blogger
       ثم قم بإختيار إسم مناسب للتطبيق ثم إضغط Create App ID

      facebook-comment-box to blogger


      3-توجه إلى تبويب الإعدادات أو Basic Settings من الصفحة التالية ثم قم بملئ البيانات الخاصة بالتطبيق :
      App Domains” : أكتب إسم النطاق مثلا wassef.com أو blogspot.com لمدونات بلوجر 
      بعد ذلك إضغط على  “+Add Platform” ثم اختر “Website” ثم أكتب رابط موقعك 



      facebook-comment-box to blogger
      إذا كان هناك بيانات إضافية يمكن إضافتها : مثل سياسة الخصوصية أو إتفاقية الإستخدام أو إختيار فئة و رفع صورة تعبر عن التطبيق.
      قم بنسخ رقم معرف التطبيق :App ID الذى سنحتاجه فيما بعد.
      4- توجه بعد ذلك إلى تبويب "App Review" وقم بتفعيل الخيار “Yes” لجعل التطبيق عام ويظهر لجميع المستخدمين. 
      facebook-comment-box to blogger
      بذلك نكون قد انتهينا من إنشاء التطبيق الخاص بالتعليقات - نتوجه فى الخطوة التالية إلى الشق الخاص بتركيبه على قالب بلوجر. 

      ثانيًا: تركيب صندوق التعليقات إلى قالب بلوجر

      1- توجه إلى لوحة تحكم بلوجر للمدونة ثم من تبويب "المظهر" قم بالإحتفاظ بنسخة إحتياطية من القالب.
      2- إستخدم Ctrl+F فى الكيبورد للبحث عن الأكواد
      ثم ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :
      xmlns:fb=’http://www.facebook.com/2008/fbml’
      3- تأكد من إضافة مسافات قبل وبعد الكود ليصبح  الكود بهذا الشكل :
      <html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

      4- الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها في السابق
      <div id='fb-root'/>
      <script>
      window.fbAsyncInit = function() {
          FB.init({xfbml: true, appId: معرف التطبيق });
        };
        (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>
      5- بعد ذلك ابحث عن </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'/>
      <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='رابط صورة شعار للموقع'   property='og:image'/>
      <meta content='معرف التطبيق ID'   property='fb:app_id'/>
      <meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
      <meta content='article'   property='og:type'/>

      طبعًا أضف إلى الكود عنوان مدونتك ورابط صورة تعبر عن شعار موقعك.
      إستبدل  'معرف التطبيق ID' : بــ App ID الذى قمت بنسخه من قبل فى الخطوات السابقة
      إستبدل 'معرف حسابك على فيسبوك ID'  : بالرقم التعريفى الخاص بحسابك على الفيس بوك حتى تسطيع إدارة هذه التعليقات وتكون  Admin (إضغط هنا لمعرفة معرف التطبيق الخاص بحسابك )

      6- ثم ابحث عن <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>
      وهذا هو الكود المسئول عن مكان ظهور صندوق التعليقات بالموقع ، يمكنك إضافته فى المكان المناسب لك.
      يمكنك تغيير عرض الصندوق بتغيير القيمة 600 بما يتناسب مع تصميم القالب الخاص بمدونتك.
      يمكنك التعديل على لون القالب إلى اللون الغامق وذلك بإضافة colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.

      ثالثًا: كيفية إدارة تعليقات الفيس بوك على مدونتك:

      1- فى البداية توجه إلى هذا الرابط
      ثم قم بالتعديل على الإعدادات بالضغط على Setting
      facebook-comment-box to blogger 
      2- يمكن من خلال الإعدادات التحكم بترتيب التعليقات من الأقدم للأحدث أو العكس ، كما يمكن تفعيل تلقى الإشعارات وإمكانية إرفاق الصور
      facebook-comment-box to blogger
      3- يمكن أيضًا من تبويب Moderation Rules التحكم بعدد الأحرف التى يحتويها التعليق مع إمكانية تفعيل الغلق الأتوماتيكى للتعليقات بعد فترة محددة .
      يمكن تفعيل خاصية الإشراف على التعليقات قبل ظهورها وذلك بالتأشير على " Yes" فى الخيار" Review comments"
      facebook-comment-box to blogger
      4- من تبويب Moderator يمكنك إضافة مشرفين آخرين على التعليقات:
      facebook-comment-box to blogger

      رابعًا: إخفاء صندوق تعليقات بلوجر الإفتراضى

      إذا أردت الإكتفاء بنظام تعليقات الفيس بوك حتى لا تواجه ثقل تحميل الصفحة بسبب وجود أكثر من نظام للتعليقات، يمكنك إخفاء نظام تعليقات بلوجر الإفتراضى وذلك من خلال لوحة تحكم بلوجر ثم إتجه إلى تبويب إعدادات>> المشاركات والتعليقات والمشاركة
      ثم قم بتفعيل وضع الإخفاء للتعليقات كما هو موضح بالصورة.
      facebook-comment-box to blogger
      **إذا واجهتك أى مشكلة لا تتردد بعرضها فى تعليق**











      شروحات    برامج     اندرويد      حصريات     ويندوز      مقالات       فيسبوك 


      تابعونا دائما وابدا وابدا للمزيد من الشروحات الشيقة والبرامج المثيرة يمكنكم دائما الاستفسار عن اي شئ تحتاجونه في التقنيه او اي شئ في الحياة كل ما عليك انا راسلنا في التعليق اسفل الموضوع او تترك لنا رسالة علي البيدج خاصتنا علي الفيسبوك.




      نبذه عن المدونة : مستر افكار مدونة عصرية تكنولوجية تقدم لكم كل يوم فكرة جديدة وشرح جديد لمساعدتكم في التحكم بالتكنولوجيا من حولنا سواء حواسيب او اندرويد تعطيكم فكرة عامه عن كل شئ تحتاجونه (شروحات-برامج-اندرويد-اخبار التكنولوجيا)


      كلمات مفتاحيه خاصة بالموقع والموضوع
      شروحات - برامج - اخبار - تكنولوجيا- اندرويد - انترنت - فكرة- كل ما تحتاج اليه 

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

      لا تنسي الاشتراك في صفحاتنا علي مواقع التواصل الاجتماعية صفحات مستر افكار mr afkar نحن دائما نبحث لكم عن اسهل الوسائل في الشرح معظم شروحاتنا لا تتعدي ال 5 دقائق وكلها فعالة بطريقة سهله وبسيطه دائما اذا ما اردت شرح جديد يمكنك طلبه من خلال ترك تعليق او مراسلاتنا علي صفحاتنا المختلفه علي مواقع التواصل الاجتماعي ستجد رابطها اسفل التدوينة نرجوا ان نكون قد افدناكم وقمنا بما علينا تجاهكم نشكر الله العظيم علي ذلك 


      صفحاتنا علي مواقع التواصل الاجتماعي 

      1) صفحتنا علي موقع الفيسبوك انضم الينا الان 

      2) قناتنا علي موقع اليوتيوب قم بالاشتراك  فيها الان 


      انتهت التدوينة بحمد الله تعالي 




                                                                     امضاء 


      تابعونا دائما وابدا وابدا للمزيد من الشروحات الشيقة والبرامج المثيرة يمكنكم دائما الاستفسار عن اي شئ تحتاجونه في التقنيه او اي شئ في الحياة كل ما عليك انا راسلنا في التعليق اسفل الموضوع او تترك لنا رسالة علي البيدج خاصتنا علي الفيسبوك.نبذه عن المدونة : مستر افكار مدونة عصرية تكنولوجية تقدم لكم كل يوم فكرة جديدة وشرح جديد لمساعدتكم في التحكم بالتكنولوجيا من حولنا سواء حواسيب او اندرويد تعطيكم فكرة عامه عن كل شئ تحتاجونه (شروحات-برامج-اندرويد-اخبار التكنولوجيا)كلمات مفتاحيه خاصة بالموقع والموضوعشروحات - برامج - اخبار - تكنولوجيا- اندرويد - انترنت - فكرة- كل ما تحتاج اليه تابعونا دائما وابدا وابدا للمزيد من الشروحات الشيقة والبرامج المثيرة يمكنكم دائما الاستفسار عن اي شئ تحتاجونه في التقنيه او اي شئ في الحياة كل ما عليك انا راسلنا في التعليق اسفل الموضوع او تترك لنا رسالة علي البيدج خاصتنا علي الفيسبوك.نبذه عن المدونة : مستر افكار مدونة عصرية تكنولوجية تقدم لكم كل يوم فكرة جديدة وشرح جديد لمساعدتكم في التحكم بالتكنولوجيا من حولنا سواء حواسيب او اندرويد تعطيكم فكرة عامه عن كل شئ تحتاجونه (شروحات-برامج-اندرويد-اخبار التكنولوجيا)كلمات مفتاحيه خاصة بالموقع والموضوعشروحات - برامج - اخبار - تكنولوجيا- اندرويد - انترنت - فكرة- كل ما تحتاج اليه تابعونا دائما وابدا وابدا للمزيد من الشروحات الشيقة والبرامج المثيرة يمكنكم دائما الاستفسار عن اي شئ تحتاجونه في التقنيه او اي شئ في الحياة كل ما عليك انا راسلنا في التعليق اسفل الموضوع او تترك لنا رسالة علي البيدج خاصتنا علي الفيسبوك.نبذه عن المدونة : مستر افكار مدونة عصرية تكنولوجية تقدم لكم كل يوم فكرة جديدة وشرح جديد لمساعدتكم في التحكم بالتكنولوجيا من حولنا سواء حواسيب او اندرويد تعطيكم فكرة عامه عن كل شئ تحتاجونه (شروحات-برامج-اندرويد-اخبار التكنولوجيا)كلمات مفتاحيه خاصة بالموقع والموضوعشروحات - برامج - اخبار - تكنولوجيا- اندرويد - انترنت - فكرة- كل ما تحتاج اليه تابعونا دائما وابدا وابدا للمزيد من الشروحات الشيقة والبرامج المثيرة يمكنكم دائما الاستفسار عن اي شئ تحتاجونه في التقنيه او اي شئ في الحياة كل ما عليك انا راسلنا في التعليق اسفل الموضوع او تترك لنا رسالة علي البيدج خاصتنا علي الفيسبوك.نبذه عن المدونة : مستر افكار مدونة عصرية تكنولوجية تقدم لكم كل يوم فكرة جديدة وشرح جديد لمساعدتكم في التحكم بالتكنولوجيا من حولنا سواء حواسيب او اندرويد تعطيكم فكرة عامه عن كل شئ تحتاجونه (شروحات-برامج-اندرويد-اخبار التكنولوجيا)كلمات مفتاحيه خاصة بالموقع والموضوعشروحات - برامج - اخبار - تكنولوجيا- اندرويد - انترنت - فكرة- كل ما تحتاج اليه 


      شاركنا برأيك !

      شاركنا برأيك !

      إرسال تعليق

      تصميم وتكويد : عالم المدون