معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر (https://www.bloggerexp.com/showthread.php?t=2981)

admin 08-05-2012 04:19 PM

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

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

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

1- الحصول على معرف تطبيق لتعليقات الفيسبوك :

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

http://i1258.photobucket.com/albums/...kcomments1.png

أدخل كود التحقق الأمني واضغط تقديم

الآن قم بنسخ معرف التطبيق (App ID) الموضح في الصورة أسفله :

http://i1258.photobucket.com/albums/...kcomments2.png

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


2- الحصول على معرف حسابك على الفيسبوك :

الصق الرابط التالي على المتصفح وقم بنسخ الأرقام المقابلة ل "id" :

كود:

https://graph.facebook.com/YourProfile

بالنسبة لي وضعت الرابط التالي :


كود:

https://graph.facebook.com/DevExpCom

ذلك لأن رابط بروفايلي على الفيسبوك هو :

كود:

http://www.facebook.com/DevExpCom

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


3- الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر :

قم بأخذ نسخة احتياطية للقالب

اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن <html أضف بعده مباشرة الكود التالي :

كود PHP:

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


ليصبح الكود هكذا :

كود PHP:

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


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

كود PHP:

<div id='fb-root'/>
<
script>
window.fbAsyncInit = function() {
    
FB.init({xfbmltrueappIdمعرف التطبيق });
  };
  (function() {
    var 
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> 


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

كود PHP:

<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='http://www.bloggerexp.com/images/default-image.jpg'   property='og:image'/>
<
meta content='معرف التطبيق'   property='fb:app_id'/>
<
meta content='معرف الحساب'   property='fb:admins'/>
<
meta content='article'   property='og:type'/> 


هام : لا تنس تغيير الصورة التالية
كود PHP:

http://www.bloggerexp.com/images/default-image.jpg 

بشعار لمدونتك

الآن ابحث عن <data:post.body/> والصق بعده الكود التالي مع تغيير 600 إلى عرض صندوق التعليقات حسب عرض مدونتك :

كود PHP:

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


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

بانتظار رأيك يا
عثمان بن الطالب

عثمان بن الطالب إذا أعجبتك الإضافة لا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله.

REDA 08-05-2012 06:14 PM

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

admin 08-05-2012 06:51 PM

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

المشاركة الأصلية كتبت بواسطة REDA (المشاركة 6360)
جميل اخى عثمان..جزاك الله خيرا

العفو أخي رضا

mostafa alwin 08-06-2012 03:06 AM

رد: الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر
 
دائمأ انت مبدع بدون نقاش :p::star::star::star::star::star::star::star::star ::star::star::star::star::star:

Ahmed Hendy 08-06-2012 05:22 AM

رد: الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر
 
رائع جدا جدا اخى عثمان وسعيد جدا لكونى هنا مع احد المحترفين مثلك :) .

admin 08-06-2012 02:26 PM

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

المشاركة الأصلية كتبت بواسطة mostafa alwin (المشاركة 6434)
دائمأ انت مبدع بدون نقاش :p::star::star::star::star::star::star::star::star ::star::star::star::star::star:

اقتباس:

المشاركة الأصلية كتبت بواسطة Ahmed Hendy (المشاركة 6455)
رائع جدا جدا اخى عثمان وسعيد جدا لكونى هنا مع احد المحترفين مثلك :) .

شكرا على مروركم :ok:

dafrallah 08-09-2012 02:37 AM

رد: الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر
 
<data:post.body/>
لم أجد هداا
ما بديله
هدا رابط مدونتي
www.th3rival.blogspot.com

overboy 08-09-2012 02:43 AM

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

admin 08-09-2012 02:45 AM

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

المشاركة الأصلية كتبت بواسطة dafrallah (المشاركة 6813)
<data:post.body/>
لم أجد هداا
ما بديله
هدا رابط مدونتي
www.th3rival.blogspot.com

بالنسبة لقالب مدونتك أرى أنه من المناسب أن تبحث عن كود بهذا الشكل :
كود:

<span class='meta_categories'>
هنا بعض الأكواد
</span>

والصق الكود الموجود بالموضوع مباشرة بعد </span> (الكودين الأحمرين مهمين)
:bloggerexp:

خالد الاحمري 08-10-2012 07:55 PM

رد: الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر
 
رائع جدا اخي العزيز عثمان لاكن لدي سؤال بسيط ,

بخصوص هذا الكود :

كود بلغة HTML:

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

نضع مسافة بينة وبين html>

لاكن هل نضع مسافة بعد نهاية الكود مثل :

كود بلغة HTML:

                      <html هنا مسافة xmlns:fb='http://www.facebook.com/2008/fbml'هل هنا مسافة ؟


الساعة الآن 09:08 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012