بسم الله الرحمن الرحيم واليوم مع اول درس لمدونة بلوجر فيس واعدكم انشاء الله بكل جديد وحصري باذن الله انا لن اطيل عليكم في الكلام ساطرق الي الدرس هو طريقة تركيب صندوق تعليقات الفيس بوك مع اضافة صورة فوقه في بلوجر اولا سنذهب الي صفحة تطبيقات الفيس بوك علي هذا الرابط مـــن هـــنـــا تابع معي الشرح بالصور
اولا عمل التطبيق:
اولا عمل التطبيق:
<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 + '//connect.facebook.net/ar_AR/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }());</script>
وبعد ذلك نقوم بتغيير كلمة(ضع رقم التطبيق الذي نسخته) برقم التطبيق الذي انشائنه في البداية
الان سوف نبحث عن الوسم
</head>
ونضع قبله او فوقه مباشرة الكود الذي بالاسفل
ونضع قبله او فوقه مباشرة الكود الذي بالاسفل
<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='رابط اللوغو أو الصورة الخاص بالمدونة' property='og:image'/><meta content='رقم التطبيق ' property='fb:app_id'/><meta content='http://www.facebook.com/blogger.face' property='fb:admins'/><meta content='article' property='og:type'/>
- استبدل كلمة بلوجر فيس باسم مدونتك
- استبدل كلمة رابط اللوغو او الصورة الخاصة بالمدونة برابط صوة مدونتك ويستحسن ان يكون 40pxX40px
- واستبدل رقم التطبيق برقم التطبيق الذي انشائنه
- واستبدل ايضا كلمة http://www.facebook.com/blogger.face برابط بروفيلك الشخصي وليس صفحتك لانك ستكون مدير لتعليقات
اذا اردت تركيب صندوق التعليقات فوق تحت موضوع تمام ضع الكود بعد هذا الوسم
<data:post.body/>
واذا اردت وضع الصندوق فوق صندوق التعليقات العادي ضعه بعد هذا الوسم مباشرة
<b:includable id='comment-form' var='post'>
<b:if cond='data:blog.pageType == "item"'><p align='right'><img alt='' class='icon-action' height='30' src='هنا ضع رابط الصورة' width='550'/></p><script src='http://connect.facebook.net/ar_AR/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='550'/></div></b:if>
- استبدل height='30' رقم30 وهو ارتفارع الصورة ارجو تركه هكذا
- واستبدل width='550 رقم 550 هو المسؤل عن عرض الصور نصيحة اجعله في نفس عرض صندوق التعليقات
- واستبدل هنا ضع رابط الصورة برابط صورة
- واستبدل ايضا ar_AR بهذا en_US اذا اردت صندوق التعليقات باللغة الانجليزية
- واستبدل كلمة light بكلمة dark
- واستبدل width='550
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQlt5PCqK5D_aF57acz0qxeTFwRw0YcUY7anl4oH4HEkH8wImW9EdtXH8ZF0bfZ0fIAUdbtAMuVy_y0FFY3NZ2MvoMwTV8D8xCYRg9fJuFh8R3y52r-4KS6z0P_RrPlcAdRVX2gXbnzd_/s320/facebook-comment.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIVMjkZiymk9IOXsZwNoORLBCFS7LmrCopKZTpWw1tWVWNB5FG1PiRx4wkgSFHv74UPIQc_0_EY0FDvaK4F1jESpAJnMg3yqF39gMuWcXH_H38v1MdOFeL5aAEaI0lAXGSM5PVlPpnTaIa/s640/%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D8%AA%D8%B9%D9%84%D9%8A%D9%82.png
من فضلك اضغظ لايك لمشاهدة لينك التحميل
مشكووور
ردحذف@Mark naeam
ردحذفالعفووووو
وفي خدمتك في اي وقت
شكرا لك اخى الكريم على هدا الشرح الوفى
ردحذفان مدونتك جميلة حقا تستحق التقدير
فى الحقيقة انا مبتداء في التدوين اريدمنك
تزور مدونتي وتقيمها
وهد عنون البريد: chekkat21000@hotmail.com
الرابط:http://aziz-buseness.blogspot.com
العفو اخي الكريم
حذفوبمناسبة التقيمم بالنسبة بانك مبتداء
فهي جيدة ولكن ليس هناك تناسق في الوان القالب
اخي الصفحات لا يظهر فيها اي نوع من التعليقات ولا تعليقات بلوجر ولا تعليقات الفيس بوكـ
ردحذف♥ كل عام وانت بخير ♥
السلام شكرا على هذا المجهود الجبار
ردحذفاريد مساعدة فقد ركبت قالب لكن ظرت مجموعة من المشاكل لعل اهمها عداد الزوار الذي بتغير كل ما عملت تحديث للصفحة مرة يزيد الف مرة يبنقص الاف
ما العمل المرجو المساعدة
مدونتي www.hamzaa86.blogspot.com
مجهود رائع واحسن شرح شفتة لغاية الان نتمنى دوام النجاح والتوفيق
ردحذفhttp://zoom-unlimit.blogspot.com
لو سمحت ممكن طريقة صندوق التعليقات الخاص بمدونة بلوجر بشكل جذاب مثل صندوق التعليقات الخاص بك ...اعلم انك مدون مبدع لم اجد ما ينقصنى الا عندك حقا انت رائع لكن اتمنى ان تساعدنى فى طلبى فقد وصلت الى ما ابغاه بفضل الله ثم انت ولك جزيل الشكر
ردحذفشكر على الموضوع الرائع
ردحذفويكي إبداع
الله يفتح عليك بصراحة شرحك سهل مميز اتمني زيارة برنامج علي متصفح
ردحذف