اهلا هشام انا حابب تعلمنى الدرس ده ازاى اركب صندوق تعليقات الفيس بوك
بأسهل طريقة ممكنة واتمنى لو شرح بالفيديو من فيديوهات الجميلة
من عينى حاضر
اولا الدرس ده انا جبتة من موقع اجنبى وعربتة لاجل عيونكم
نتابع الدرس
قم بالذهاب الى صفحة المطورون من هنا
اضغط انشاء تطبيق
اكتب اسم التطبيق
انسخ id التطبيق لغاية الحاجة الية
اضف رابط موقعك
هشام استنى انت بتقول فيه فيديو خلينا نتعلم فيديو احسن
ماشى يا برنس حاضر اهو الفيديو
دى الاكواد
الكود الاول
ابحث على الكود ده
<html
اضف بعده هذا الكود
ابحث على هذا الكود
<body>
اضف بعد الكود ده مباشرة
| ملحوظة : غير youidhere برقم الاى دى للتطبيق |
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your id here',
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/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
ابحث على الكود
</head>
اضف قبلة الكود ده مباشرة
<b:if cond='data:blog.pageType == "item"'>
<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='MY-SITE-NAME' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
قم بتغيير MY-SITE-NAME بأسم مدونتك
قم بتغيير YOUR-APP-ID برقم الاى دى
قم بتغيير YOUR-FACEBOOK-PROFILE-ID برقم الاى دى الخاص بك فى الفيس بوك
نيجى بقى للخطوة الاخيرة
قم بالبحث على هذا الكود
<data:post.body/>
اذا اردت قالب فاتح اللون اضف هذا الكود بعدة مباشرة
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD_VfQ6go8TLnEdkeLKB1kenjM7lu1pdNpnkR_TATfyzyCNwhWd_vXZnQpOc8azscZhek93j30_Yww8KT3XAsrR5aOTubussbqjBoR4LSOrFaus7V0CkHeD-5fAt18w_ECxGpTdGDW0rI/' width='331'/></p><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a> brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>
اما اذا اردت كود غامق اللون اضف هذا الكود
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD_VfQ6go8TLnEdkeLKB1kenjM7lu1pdNpnkR_TATfyzyCNwhWd_vXZnQpOc8azscZhek93j30_Yww8KT3XAsrR5aOTubussbqjBoR4LSOrFaus7V0CkHeD-5fAt18w_ECxGpTdGDW0rI/' width='331'/></p><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a> brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>
وبكده نكون انتهينا من الشرح
عزيزى شاهد الفيدو وطبق مثلة
اى حاجة تكن عائق معاك عليك باخبارى حالا
اتمنى ان ينال الدرس اعجابكم
مدونة كونراد
4 التعليقات:
بجد متشكرة على الموضوع ده لانى بحثت كتير على الطريقة والحمد لله اخيرا وجدتها
لا شكر على واجب اكيد معظم المدونين اصحاب المدونات يقومون بالبحث عن الاضافات فى المواقع الاجنبية ويقومون بتعريبهابطريقة غير مفهومه بمعنى اصح معلومة ناقصة لكن يوجد العديد من المبدعين كلاخ أبو اياد - سما بلوجر - كثير لا داعى للمطاولة فى الكلام
اعمل نفس الخطوات بس يطلع معايا كده
لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
رسالة خطأ XML: Element type "body" must be followed by either attribute specifications, ">" or "/>".
وين الخطأ انا مو عارفة
شكرا لدخولك المدونة الطريقة الصحيحة موجودة على مدونتى الحالية بطريقة حديثة على الرابط التالى http://blogger-site-bs.blogspot.com/
إرسال تعليق