3 4

الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

1 2
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر


 
 

شاطر
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Riyox
الـمـنـشـئ
الـمـنـشـئ
avatar

ذكر
المساهمات : 3978
النقاط : 8378
الـتــقــيــيـم : 8
الإنتسآب : 31/01/2011
30

سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Empty
مُساهمةموضوع: سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر   سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Emptyالسبت يوليو 09, 2011 12:44 am

السلام عليكم ورحمة الله وبركاته
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Safe_image.php?d=5ce71ae58b240eea4e22270ea1dc11ad&url=http%3A%2F%2Fwww.bloganol.com%2Fwp-content%2Fuploads%2F2010%2F04%2Ffbcommentbox-499x293

يمكن لصاحب أي موقع أن يجعل نظام التعليقات الخاص بموقعه هو نظام التعليقات
الخاص بالفيس بوك اي مرتبطين, فقبل ان تقرر تركيب النظام في موقعك يتوجب
عليك ان تعرف مميزاته وعيوبه نظام.
المميزات:
- التعليق من خلال حسابك في الفيس بوك ويعني هذا أن التعليقات المزعجة والسبام سيتم القضاء عليها بشكل نهائي.
إمكانية ظهور تعليقك الذي كتبته في الموقع في حسابك في الفيس بوك مباشرة،
والجميل في النظام أيضاً إذا قام أحد أصدقائك بالرد عليك تعليقك المنشور في
صفحة الفيس بوك فإن تعليق صديقك سيظهر في الموقع وهذه مهمة لصاحب الموقع
وأيضا للفيس بوك.
-يوجد لنظام التعليق لوحة تحكم خاصه بالادمن يستطيع التحكم فيها بالتعليقات وكيفية ظهورها ومنع المستخدمين من التعليق في الموقع.
العيوب:
- نظام تعليقات فيس بوك يمكن أن يحرم موقعك من SEO
- هذا النظام يسمح لك بالتعليق بإستخدام حسابك في فيسبوك او ياهو ، فكثير
من الزوار يفضل كتابة التعليق من خلال كتابة معلوماته مباشرة.
مثال على نتائج الدرس من هنا: here


يرجى توخي الحذر والانتباه لجميع التفاصيل.

الخطوة الأولى: تعطيل التعليقات الافتراضية.
أول شيء يجب القيام به هو تعطيل التعليقات الافتراضية للبلوجر. لأنك لا تريد أن يكون لمدونتك مربعين للتعليقات.
اذهب الى حساب المدونة، انتقل : إعدادات> التعليقات
ثم اختر خيار اخفاء التلعيقات ثم انتقل لأسفل وانقر فوق حفظ الإعدادات ، كما في الصورة:
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Facebook_blogger1
الخطوة الثانية: توليد كود الفيس بوك الخاص بك App ID:
يجب عليك الآن إنشاء كود فيس بوك خاص بـ موقعك، وهو سهل جدا:
أدخل الى حسابك في فيس بوك ثم اذهب الى هذه الصفحة. ثم اضغط في الاعلى على my app
وهنا قد تواجه مشكلة صغيرة اذا كان حسابك غير مفعل بالهاتف او بطاقة ائتمان
(فقط قم بتفعيله عن طريق اضافة رقم جوالك وستصل رسالة عليها كود صغير
انسخه في المكان الذي يطلب منك).
ثم انقر فوق Set Up New Application
أدخل اسم التطبيق الخاص بك، (يمكنك كتابة أي اسم).
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Facebook_blogger5
انقر فوق إنشاء التطبيق.
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Facebook_blogger6
ثم إضغط حفظ البيانات.
وستحصل على هذه البيانات
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Facebook_blogger7
وما يهمنا في هذه البيانات هو API Key.
الخطوة الثالثة: إضافة الأكواد الى القالب.
يجب إضافة الأكواد التالية إلى قالب البلوجر الخاص بك للتأكد من أن مربع التعليقات سيعمل في مدونتك بشكل صحيح:
يرجى الدخول إلى حساب مدونتك مرة أخرى، وانتقل إلى تصميم> تحرير HTML> إختر خيار “توسيع قوالب عناصر واجهة المستخدم”:
ثم ابحث عن الكود التالي:

رمز PHP:




<html








ستجد الكود في الجزء العلوي. في السطر الثاني او الثالث ، وأضف بعده الكود التالي:

رمز PHP:




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








ويجب عليك ترك مسافة بينهما
وهذا مثال”صورة”:
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Facebook_blogger8
ثم ابحث عن

رمز PHP:




<body>








اضف بعده (تحته) الكود التالي:


رمز PHP:




<br />
<
div id="fb-root">div>
<
p><script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID',
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('script');
e.src = document.location.protocol + 'https://connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());








لا تنسى تغيير YOUR APP ID بـ معرف التطبيق الخاص بك (الذي حصلت عليه في الخطوة السابقة).
الان ابحث عن:


رمز PHP:




head>








اضف قبله (اعلاه) الكود التالي:

رمز PHP:




<b:if cond='data:blog.pageType == "item"'><br /><meta expr:content='data:blog.pageTitle' property='og:title'/><br /><meta expr:content='data:blog.url' property='og:url'/><br /><b:else/><br /><meta expr:content='data:blog.title' property='og:title'/><br /><meta expr:content='data:blog.homepageUrl' property='og:url'/><br />b:if><br /><meta content='MY-SITE-NAME' property='og:site_name'/><br /><meta content='YOUR-APP-ID' property='fb:app_id'/><br /><meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/><br /><meta content='article' property='og:type'/>








مع مراعات تغيير ما يلي:

تغيير MY-SITE-NAME الى اسم موقعك.
تغيير YOUR-APP-ID بـ رقم APP-ID الخاص بك.
تغيير YOUR-FACEBOOK-PROFILE-ID الى اسمك في فيسبوك.
والآن تم الانتهاء من من إضافة أكواد الفيس بوك للقالب الخاص بك ، من فضلك لا تلمس أي شيء واستمرفي الخطوة التالية.
الخطوة الرابعة: إضافة مربع التعليقات للقالب:
ابحث عن الكود التالي:

رمز PHP:




<data:post.body/>








اضف بعده (تحته) الكود التالي:

رمز PHP:





<b:if cond='data:blog.pageType == "item"'>p>
<
p align='left'><img alt='' class='icon-action' height='51' src='http://www.googlewd.com/wp-content/uploads/2011/04/comments-facebook.gif' width='331'/>p>
<
div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/>div>
<
p>b:if>








يمكنك التحكم في عرض مربع التعليقات من خلال تغيير 450 (بكسل).
مع مراعات تغيير الرابط التالي بالصورة التي تناسب قالبك:
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Comments-facebook-300x46

رمز PHP:




http://www.googlewd.com/wp-content/uploads/2011/04/comments-facebook.gif

















والآن انقر فوق حفظ قالب، ثم تحقق مدونتك. وتأكد من انها تعمل تماما.
تحذير: اذ سبق لك تثبيت زر facebook like button على مدونتك الرجاء إزالته قبل تطبيق هذا الدرس.

مثال على النتائج: here

صور من لوحة التحكم النظام:
سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Dashboard_thumb
تم بحمد الله
tanki-designالموضوعالأصلي : سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر  المصدر : tanki-design
التوقيع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
azyere
عضو نشيط
عضو نشيط
azyere

المساهمات : 152
النقاط : 152
الـتــقــيــيـم : 0
الإنتسآب : 24/07/2011

سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Empty
مُساهمةموضوع: رد: سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر   سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر Emptyالأحد يوليو 24, 2011 11:08 pm

سلمت يداك موضوع رائع

سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر 3078710509
tanki-designالموضوعالأصلي : سارع من ابتكاري شرح تركيب نظام تعليقات فيس بوك على البلوجر  المصدر : tanki-design
التوقيع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

(( مـا يـلـفـظ مـن قـولـه الا لـديـه رقـيـب عـتـيـد ))

 مواضيع مماثلة

-
» سارع درس عمل خلفية روعة مع ابتكاري
» سارع وتعلم الكتابة المتحركة مع ابتكاري
» سارع حصريا صور انمي لاتصميم مع ابتكاري
» سارع حصريا صور انمي لاتصميم مع ابتكاري جزء 2
» سارع حصريا صور انمي لاتصميم مع ابتكاري جزء 3

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى طيور حائرة :: الميلتيميديا و التقنية الحديثة :: » ¦¦ تـقـنيِـﮧ حاسوبڪ .. Program ≈-