صور مشبات

صور مشبات

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

شاطر
 

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

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

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

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

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


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

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


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


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

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

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

2. اضغط على زرار انشئ تطبيق جديد او Create New App
جديد اضف صندوق تعليق الفايس بوك الى مدونات البلوجر بلوج سبوت Facebook+comment+2
3. قم بالسماح للتطبيق من استخدام معلوماتك الشخصية لأنشاء التطبيق ( اضغط سماح ) Allow



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


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


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


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

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




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


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


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

و الان قم بأدخال رقم تليفونك
جديد اضف صندوق تعليق الفايس بوك الى مدونات البلوجر بلوج سبوت Facebook+comment+6
سوف تصلك رسالة بها الكود قم بأدخالها و اضغط تأكيد Confirm


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


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


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



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

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


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


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



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


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



و اضغط حفظ ..

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

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

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


قم بأخذ الرقم او الاسم الذي يلي مباشرة 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='https://www.facebook.com/2008/fbml' </blockquote>
ليصبح بالشكل الذي نراة بالصورة :

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



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

<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 + 'https://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='https://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>


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

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

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

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

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

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