صور مشبات

صور مشبات

مشبات روعه
 
الرئيسية1المنشوراتالتسجيلدخولتسجيل دخول الاعضاء

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
abjdhoaz
المدير العام
المدير العام
avatar

ذكر
الابراج : الجدي
عدد المساهمات عدد المساهمات : 296
نقاط : 710
السٌّمعَة 2
تاريخ التسجيل 07/12/2010
العمر العمر : 41
الموقع سوريا

مُساهمةموضوع: جديد اضف صندوق تعليق الفايس بوك الى مدونات البلوجر بلوج سبوت   الإثنين أبريل 15, 2013 7:39 pm

متابعين صفحتك على الفايس بوك >> للحصول عليها اضغط هنا


الاداة متاحة باللغة العربية و الانجليزية لتناسب كل المواقع و المدونات ...

شكل الاداة كالاتي
http://12abjdhoaz.blogspot.com/





الشرح طويل لاني اردت وضع كل الخطوات بالتفاصيل المملة
علشان اعضائنا الحلوين ..

** و تعرض مع تعليقات البلوجر التقليدية لكن اذا اردت الاكتفاء بتعليقات الفايس بوك فقط و اخفاء تعليقات البلوجر >> اضغط هنا
الطريقة :
اولا : ضبط اعدادات الفايس بوك و انشاء التطبيق

1. ادخل الموقع التالي : https://developers.facebook.com/apps/
قد يطلب منك تسجيل الدخول بحسابك في الفايس بوك

2. اضغط على زرار انشئ تطبيق جديد او Create New App

3. قم بالسماح للتطبيق من استخدام معلوماتك الشخصية لأنشاء التطبيق ( اضغط سماح ) Allow



4. ادخل معلومات التطبيق و هي الاسم
المعروض و اسم التطبيق و قم بالتأشير على الموافقة على الشروط و البنود
الخاصة بالخدمة ثم استئناف او Continue


ملاحظة : اسم التطبيق يجب ان يكون خالي من المسافات ولا يتوي على اي حروف كبيرة Capital





5. قم بأدخال الرقم التأكيدي






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


قم بالضغط على Mobile Phone




و الان قم بأدخال رقم تليفونك

سوف تصلك رسالة بها الكود قم بأدخالها و اضغط تأكيد Confirm





و كما قلنا فخطوة تأكيد الحساب سوف نقوم بها اذا ظهرت لنا فقط ...


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




في خانة App Domain سو تقوم بأدخال موقعك كامل بهذا الشكل
www. **** .com
ثم تضغط ENTER و سوف يتحول الى مربع كما ترى بالصورة





لنكمل الاعدادات اختر موقع او Website و قوم بأدخال موقعك كما ترى بالصورة بهذا الشكل :



http://******.blogspot.com/





و اضغط حفظ ..

اخر خطوة و هي الحصول على اي دي البروفايل الخاصة بك
قم بفتح بروفايلك .. و لمن لا يعرف فقط قم بالضغط على صورة البروفايل

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




قم بأخذ الرقم او الاسم الذي يلي مباشرة ID= ( اسم او رقم )
و احتفظ به ...

اذا وجدت رابط بروفايلك بالشكل التالي :

خد اخر اسم rayk.cool ... فقط Smile



كدة احنا خلصنا شغلنا على موقع الفايس بوك ...


ثانيا : وضع الاكواد و تركيبها بمدونات البلوجر

1. تصميم
2. تحرير HTML
3. قم بالتأشير على توسيع قوالب عناصر المستخدم


الان ابحث عن :<blockquote class="tr_bq">
<html</blockquote>
و قم بأضافة الكود التالي بنهايتة مباشرة قبل
<blockquote class="tr_bq">
></blockquote>
الكود :<blockquote class="tr_bq">
xmlns:fb='http://www.facebook.com/2008/fbml' </blockquote>
ليصبح بالشكل الذي نراة بالصورة :




و الان قم بالبحث عن :

<blockquote class="tr_bq">
</head></blockquote>
و اضف قبلة مباشرة الكود التالي :

<blockquote class="tr_bq" dir="ltr" style="text-align: left;"><!-- Facebook Comment Start-->
<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='رقم التطبيق الذي حصلنا عليه من قبل' property='fb:app_id'/>
<meta content='اي دي البروفايل الذي حصلنا علية من قبل' property='fb:admins'/>
<meta content='article' property='og:type'/>

<!-- Facebook Comment End--></blockquote>ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمر


الان ابحث عن :<blockquote class="tr_bq">
<body>او

</tbody></blockquote>
ملاحظة : قوالب بلوجر الحديثة تستخدم </tbody> و القوالب العادية تستخدم </body>

و قم بأضافة الكود التالي بعده مباشرة :

<blockquote class="tr_bq" dir="ltr" style="text-align: left;"><!-- Facebook Comment Start-->
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'رقم التطبيق الذي حصلنا عليه من قبل',
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 + 'http://connect.facebook.net/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<!-- Facebook Comment End--></blockquote>
ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمر

لان ابحث عن الكود التالي :
<blockquote class="tr_bq">
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'></blockquote>

ملاحظة : عند البحث ابحث عن السطر الاول او الثاني حتى تجد السطرين بنفس الترتيب بالاعلى .

و ضع بعدة مباشرة الكود التالي :

<blockquote class="tr_bq">
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='right'>
<img alt='' class='icon-action' height='83' src='http://1.bp.blogspot.com/-ZlOBDWpfIdk/TlrissDlYZI/AAAAAAAAADo/-kOW6qPJmMI/s1600/facebook-comment.png' width='300'/></p>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><fb:comments expr:href=post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
<script src='http://sites.google.com/site/javacodehtml/fb.js' type='text/javascript'/></div>
</b:if>
<!-- Facebook Comment End-->
</blockquote>


ملاحظة : الرابط باللون الاحمر هو عبارة عن الصورة الخاصة بـ انشر تعليقك بأستخدام الفايس بوك و يمكنك تغييرها اذا لم تعجبك .

الكود باللون الاخضر و يمثل عرض الاداة و يمكنك تكبيرة او تصغيرة ليناسب القالب الخاص بك

و اخير : هذة الاداة مضافة باللغة العربية فأذا اردتم تحويلها الى الانجليزية كل ما عليكم فعلة هو البحث عن هذا :
http://connect.facebook.net/ar_AR/all.js
و استبدالة بهذا :
http://connect.facebook.net/en_US/all.js

اخيرا اضغط حفظ ... و قم بمشاهدة موضوعاتك

لأي ملاحظات او اي استفسار اترك تعليقك و سوف يتم الرد عليه بأقرب وقت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://alamera.forumarabia.com
 
جديد اضف صندوق تعليق الفايس بوك الى مدونات البلوجر بلوج سبوت
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
صور مشبات  :: اشهار-
انتقل الى: