Global Data

data:blog.title Developer my Blog
data:blog.pageType item
data:blog.url https://devblogsme.blogspot.com/2013/11/blog-post.html
data:blog.homepageUrl https://devblogsme.blogspot.com/
data:blog.pageTitle Developer my Blog: جديد : الطريقة المضمونة جداً لإضافة تعليقات الفيس بوك للمدونة و تحديد صورة خاصة بموقعك لعرضها مع مشاركاتك ع الفيس بوك
data:blog.encoding UTF-8
data:blog.languageDirection ltr
data:blog.feedLinks
data:blog.enabledCommentProfileImages true
data:blog.blogId 4342262374491712998
data:blog.metaDescription
data:blog.canonicalHomepageUrl http://devblogsme.blogspot.com/
data:blog.plusone
data:blog.isMobileRequest false

Blog

data:feedLinks
data:olderPageUrl https://devblogsme.blogspot.com/2013/10/blog-post.html
data:olderPageTitle Older Post
data:newerPageUrl https://devblogsme.blogspot.com/2013/11/id-class.html
data:newerPageTitle Newer Post
data:commentLabel comments
data:authorLabel Posted by
data:timestampLabel at
data:postLabelsLabel Labels:
data:backlinksLabel
data:numPosts 1

data:posts

data:post.dateHeader Thursday, November 14, 2013
data:post.id 8388262129237525398
data:post.title جديد : الطريقة المضمونة جداً لإضافة تعليقات الفيس بوك للمدونة و تحديد صورة خاصة بموقعك لعرضها مع مشاركاتك ع الفيس بوك
data:post.body




السلام عليكم ورحمة الله وبركاته

فيما مضى قُمنا بشرح اضافة تعليقات الفيس بوك الى المدونة بلوجر ويمكنك الإطلاع على الشرح من ( هنا )
اما اليوم ان شاء الله موضوعنا هو كيفية تحديد صورة خاصة لجميع المشاركات التي تقوم بنشرها على الفيس بوك..
وايضاً بعد التعديلات التي وجب ان ننشرها لكم حتى يضبط الشرح مع الجميع بكل سهولة.
بسم الله الرحمن الرحيم نبدأ
ملاحظة هامة: لرؤية صور الشرح بوضوح تام إضغط على الصورة مرة واحد فقط .

إذهب إلى هذا الرابط ( هنا ) ثم تابع الصور.

بمجرد دخولك للموقع ستجد هذه النافذة
1- اكتب مثلاً تعليقات الفيس بوك
2- اكتب اي شئ بالانجليزية
3- اتركها اخرى
4- اضغط متابعة
اكتب ما تراه امامك في هذا المربع ثم إضغط متابعه 
ستنتقل الى هذه الصفحة إضغط على Edit App

بعد ذلك تنتقل الى هذه الصفحة وهي المهمة
1- أكتب دومين بلوجرblogspot.com إن كنت صاحب موقع واسمه مثلاً ahmad فأكتب ahmad.com
2- اجعل هذه معطلة
3- اضغط هنا ثم اكتب في الخانه رقم 4 اسم موقعك كاملاً
5- اضغط حفظ التغييرات
ثم إحفظ الرقم الذي تجده في هذا المكان لأننا سوف نحتاجه
 إلى هنا انتهى دور الفيس بوك في شرحنا , بقى فقط التعديل على قالب المدونة , اتبع التالي:

من لوحة تحكم مدونتك إختر قالب
ثم إختر تحرير HTML
في أول القالب ستجد هذا الوسم 
<HTML
ستجد بجواره روابط او تجده فارغاً المهم سوف نضع بجانبه التالي 
 prefix='og: http://ogp.me/ns#' xmls:fb='http://ogp.me/ns/fb#'
ليبقى هكذا
<HTML  prefix='og: http://ogp.me/ns#' xmls:fb='http://ogp.me/ns/fb#'
ثم ابحث عن الوسم 
</body>
وضع فوقه مباشرتاً هذا الكود 
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: كود الفيس بوك });};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol + 
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);}());
</script>
 الان ابحث عن هذا الوسم و لسهولة البحث ابحث تحديداً عن كلمة comments ثم قارن شكل الوسم بالوسم الذي تحصل عليه
<div class='comments' id='comments'>
 ثم ضع تحته هذا الكود مع تغيير الرقم 600 ليتناسب مع عرض مدونتك او اتركه ثم نفذ الخطوات وغيره فيما بعد
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/><fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
 الآن ابحث عن الوسم <head> ثم ضع تحته هذا الكود

<!--Start Metadata Facebook -->
<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='صورة 256×256 تعبر عن مدونتك' property='og:image'/>
<meta content='كود الفيسبوك' property='fb:app_id'/>
<meta content='معرف حسابك ع الفيسبوك' property='fb:admins'/>
<meta content='website' property='og:type'/>
<meta content='article' property='og:type'/>
<!-- Metadata Facebook End -->

ضع اسم المدونة مع وصف قصير : ميني سوفت للشروحات والبلوجر
صورة تحمل شعار مدونتك
كود الفيس بوك الذي احتفظنا من قبل
معرف حسابك على الفيس بوك كيف تأتي به ؟ افتح الرابط التالي
https://graph.facebook.com/Min0oSoft
اكتب بدلاً من الاسم الاحمر اسمك انت ع الفيسبوك ,, كيف تأتي به .؟؟ أنظر الصورة التالية 
1- اضغط على اسم حسابك كما بالصورة
2- ستجد الاسم هكذا 
بعد فتح الرابط المتبوع بأسمك ستجد كود مثل هذا
{
   "id": "100004490551583",
   "name": "\u0645\u064a\u0646\u064a \u0633\u0648\u0641\u062a",
   "first_name": "\u0645\u064a\u0646\u064a",
   "last_name": "\u0633\u0648\u0641\u062a",
   "link": "http://www.facebook.com/Min0oSoft",
   "username": "Min0oSoft",
   "gender": "male",
   "locale": "ar_AR"
}
ما يهمنا هو هذا الكود الملون بالاحمر وهو معرف حسابك , ضعه في مكانه الذي اشرنا اليه ثم انتقل الى هذا الرابط ( هنا ) واتبع التالي:
سيفتح معك الرابط صفحة بها كلمة الإعدادات كما ترى
تفتح امامك هذه النافذة فاتبع التالي
1- اذا كان اسمك على الفيسبوك عربي او انجليزي اكتب اول حرف فقط وسيظهر قائمة بأسمك واسماء اصدقاءك اختر اسمك
2- لتجده في الخانه رقم 2 كما هو موضح
3- ضع اشارة هنا
4- اختر بالتوقيت الزمني
5- اضغط حفظ
وبهذا ينتهي الشرح وشكراً لكم لحسن المتابعه
data:post.snippet السلام عليكم ورحمة الله وبركاته فيما مضى قُمنا بشرح اضافة تعليقات الفيس بوك الى المدونة بلوجر ويمكنك الإطلاع على الشرح من ...
data:post.author Rafat
data:post.authorAboutMe
data:post.authorProfileUrl https://www.blogger.com/profile/06073862446924648651
data:post.authorPhoto.url
data:post.url https://devblogsme.blogspot.com/2013/11/blog-post.html
data:post.timestamp 11:33 PM
data:post.allowComments true
data:post.numComments 0
data:post.embedCommentForm true
data:post.allowNewComments true
data:post.commentPagingRequired false
data:post.showBacklinks False
data:post.numBacklinks 0
data:post.addCommentUrl https://devblogsme.blogspot.com/2013/11/blog-post.html#comment-form
data:post.emailPostUrl
data:post.editUrl https://www.blogger.com/post-edit.g?blogID=4342262374491712998&postID=8388262129237525398&from=pencil
data:post.feedLinks
data:post.isFirstPost true
data:post.isDateStart true
data:post.includeAd False
data:post.createLinkLabel
data:post.createLinkUrl
data:post.commentSource 0
data:post.showThreadedComments
data:post.commentJso
data:post.commentMsgs
data:post.commentConfig
data:post.communityId 0
data:post.commentHtml
data:post.commentLabelFull No comments
data:post.noNewCommentsText
data:post.iframeCommentSrc
data:post.addCommentOnclick

data:post.labels

data:label.name blogger
data:label.url https://devblogsme.blogspot.com/search/label/blogger
data:label.isLast False
data:label.name Facebook
data:label.url https://devblogsme.blogspot.com/search/label/Facebook
data:label.isLast False
data:label.name شروحات بلوجر
data:label.url https://devblogsme.blogspot.com/search/label/%D8%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1
data:label.isLast True

data:post.comments

Header

data:title Developer my Blog
data:description Developer My Blog Blogger
data:useImage true
data:imagePlacement REPLACE
data:mobile false
data:sourceUrl https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7uYZLkLKUs5PSMZKpe50x67DU4iR593_V6GeibF2YJlWGGDVVC9MHW2XZJ0J6gNkEu6SJ-ueI8vVnMmDoWnlWSHDcywcVk6dSZFNV-XMHsrnXwyMBFPoEfboXMk8iueJMwVxpdPwVl3c/s1600-r/magone-logo.png
data:backgroundPositionStyleStr left
data:height 30px;
data:width 162px;
data:widthStyleStr width: 162px;
Copyright GeekThis - All Rights Reserved