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

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 12-04-2012, 03:36 PM   #1
العماد
مدون نشيط
 
الصورة الرمزية العماد
 
تاريخ التسجيل: Aug 2012
الدولة: بَيـَـِِنَِ أَلمَِـِـَِيََِ وأَمِلَِـِـَِيََِ !!
المشاركات: 100
Thumbs up حصري أضف صندوق تعليقات فيسبوك بدون أخطاء

أنا : العماد







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



وهذا شكل الاضافة تم بحمد لله شرح مفصل للاضافة

أريد منكم زيارة مدونتي التعليمية مدونة كنوز مدونتي الاستفادة من احدث دروس تطوير مدونات بلوجر ( اضافات - ادوات - اشهار - قوالب ).
http://konozblog.blogspot.com

طريقة تركيب تعليقات فيسبوك

1-إنشاء تطبيق خاص على الفيسبوك:

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



أدخل كلمة التحقق و اضغط زر المتابعة، كما بالصورة الآتية:



في الصفحة الموالية إلى اليسار اضغط على "تحرير تطبيق" ثم تابع كما بالصورة الآتية:






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

2-إضافة الأكواد اللازمة إلى قالب المدونة:

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

ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :

كود بلغة HTML:
xmlns:fb='http://www.facebook.com/2008/fbml'
الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:

كود بلغة HTML:
<div id='fb-root'/> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
      appId  : 'ألصق الـ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 +   '//connect.facebook.net/ar_AR/all.js'; 
    e.async = true; 
      document.getElementById('fb-root').appendChild(e); 
    }()); 
</script>
بعد ذلك ابحث عن </head> ثم قبله مباشرة ألصق الكود الآتي:

كود بلغة HTML:
<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='[COLOR="DarkOrange"]https://lh4.googleusercontent.com/-lkDb02epE9k/UGmB7jJw1qI/AAAAAAAACOs/j3G04N0Z7Qg/s79/logo-konozblog.png' property='og:image'/> 
<meta content='اكتب معرف التطبيق الذي نسخته سابقا' property='fb:app_id'/> 
<meta content='http://www.facebook.com/konozblog' property='fb:admins'/> 
<meta content='article' property='og:type'/>
هذا الكود يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك.
طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID : هو رابط الخاص ببروفايلك في الفيسبوك. فبحسابك هذا ستكون مدير التعليقات.

بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة ابحث عن الكود الآتي:

كود بلغة HTML:
<b:includable id='comment-form' var='post'>
و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:

كود بلغة HTML:
<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/en_US/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 style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>كود تعليقات الفيسبوك مأخوذة من  <b><a alt='blogger templates' href='http://www.mybloggertricks.com' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>mybloggertricks.com</a></b> تم تركيب تعليقات الفيسبوك من <b><a alt='مدونة كنوز مدونتي' href='http://konozblog.blogspot.com' style='text-decoration:underline; color:#fff;' target='_blank' title='كنوز مدونتي'>konozblog.blogspot.com</a></b></div></div> 
</b:if>
مع تغير
width='520 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك.
width:510px استبدلها بالعرض المناسب الذي تريد أن يبدو عليه الشريط الموجود آسفل التعليقات فيسبوك.
light استبدلها بـ dark (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة).
فيمكنك إدراجه الكود في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.

و أخيرا اضغط زر الحفظ و ومبروك عليك الاضافه المتميزه.

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

كاشتراكك في صفحة المدونه كنوز مدونتي :)

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

فقط قم بالرد هنا واخباري.. انتهى.

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


[/COLOR]

الدعم العربي

العماد غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 12-04-2012, 06:19 PM   #2
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: حصري أضف صندوق تعليقات فيسبوك بدون أخطاء

أنا : REDA




تماااااااااااااااام اوى اخى

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح بالفيديوا لكيفية تركيب صندوق تعليقات Disqus chhibo إضافات وأدوات بلوجر 0 03-17-2013 02:34 AM
شرح اضافة صندوق معجبي فيسبوك بخاصية (جكويري) Ayoub-php إضافات وأدوات بلوجر 8 01-12-2013 10:51 PM
صندوق تعليقات بلوجر لا يعمل chemsseddine23 طلبات تعديل القوالب 10 12-09-2012 04:13 PM
مساعدة,,,أخطاء الزحف Perfect طلبات الدعم الفني 1 11-08-2012 08:07 PM
مطلوب تصحيح أخطاء في قالب عرب سيد اسماعيل المواضيع العامة 0 10-01-2012 05:30 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 03:18 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)