الثلاثاء، 24 مايو 2011
حصريا : إضافة تعليقات الفيسبوك لمدونات بلوجر
Publié par Seeraj à l'adresse 5/24/2011
هذه إضافة مهمة جدا لمستخمدي مدونات بلوجر حيث إنتظرها الجميع دون إستثناء, هذا الدرس الأول و الوحيد على الشبكة العنكبوتية مقدم إليكم حصريا على مدونة سراج.
.هذه الإضافة لن تستغرق من وقتك كثيرا و يمكنك إتمامها في خطوات سهلة
ماهي ميزات تعليقات الفيسبوك لمدونات بلوجر؟
* الرد على التعليقات
* رابط خاص لكل تعليق
* عرض إسم كاتب التعليق كاملا
* رابط خاص لكل تعليق
* عرض إسم كاتب التعليق كاملا
والآن لنشرع في تركيب هذه الإضافة، لا تقلق، أنا أعلم أنك حاولت إضافته إلى مدونتك ولكن من دون نتيجة، باذن الله في هذا الشرح ستنجح و سترى كم أنها سهلة جدا.
يرجى توخي الحذر والانتباه لجميع التفاصيل
الخطوة 1 : تعطيل التعليقات الإفتراضية
أول شيء يجب القيام به هو تعطيل التعليقات الافتراضية لأنك لا تحتاج إليه.
اذهب إلى : settings >> comments ثم اختر Hide ثم Save Settings.
الخطوة 2 : توليد Facebook App ID
والآن يجب عليك توليد facebook app id, عملية سهلة جدا, إذهب إلى هذه الصفحة facebook developers
ثم إضغط على + Set Up New Application
ضع إسم لتطبيقك الخاص ( يمكنك وضع أي إسم ) ثم Create Application
ثم إضغط connect
واملأ المعلومات التالية :
Connect URL : ضع عنوان مدونتك Base Domain : ضع blogspot.com
ثم Save Changes
في الصفحة التالية ستولّد لك معلومات تطبيقك, ستحتاج سطرا واحدا فقط وهو Application ID ( انظر الصورة )
انسخه و احتفظ به لأننا سنحتاجه في الخطوات القادمة
الخطوة 3 : إضافة الأكواد إلى القالب
يجب إضافة الأكواد التالية لقالب مدونتك .
إذهب إلى :
layout >> edit html >> Expand Widget Templates
ثم ضع الكود التالي : <html
ستجده في الأعلى ثم أضف الكود التالي قبله ( فوقه )
xmlns:fb='http://www.facebook.com/2008/fbml'
ستجده في الأعلى ثم أضف الكود التالي قبله ( فوقه )
xmlns:fb='http://www.facebook.com/2008/fbml'
يجب وضع مسافة قبله و بعده و هذا مثال
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >
ابحث عن
<body>
ثم أضف بعده الكود التالي :
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID',
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>
لكن لا تنسى تغيير YOUR APP ID بتعربف تطبيقك
ثم قم باضافة الكود التالي قبل </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 : استبدله برابط صفحتك عالفيسبوك
http://google.com/…/blogger_logo.gif : الصورة الرمزية لمدونتك
YOUR-APP-ID : تعربف تطبيقك
YOUR-FACEBOOK-PROFILE-ID : معرف الفيسبوط الخاص بك
والآن انتهينا من إضافة الأكواد للقالب
الخطوة 4 : إضافة صندوق التعليقات إلى القالب
ابحث عن :
<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/AVvXsEgZ0K-aMz8hQHZcL4AclubYGycPvpeuzQ_706m2kLbft46vf0NLVvv5oouRqIAkbj0tmicdC7SE0WPYYY5fJvavegqjMHPBZQmQ0jNzy6AXWia5nLMHvSdJtyPQHxE0ophAZ3AUqSTq5x4/' 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>
ثم احفظ العمل بالضغط على Save Template
هل أعجبتك هذه المقالة؟ ... شاركها مع أصدقائك :)
الاشتراك في:
تعليقات الرسالة (Atom)
7 commentaires:
مش لاقى post.day ????
http://egypt2020.blogspot.com/
اضفت تعليقات الفيس تبعا للخطوات و الان اتفاجا بوجود تعليقات لا اراها الاا بدحول الموضوع !! يا ريت طريقة اعرف بيها ان هناك تعليقات عل الموضوعات بالمدونة ولكم جزيل الشكر
مش لاقى post.day ????
شغال 100/100
شكرا جزيلا
KHALED PRO PRODUCTION
خــالــد بــرو بــروداكـشـن
معنا فقد أحسنت الأختيار
F O U N D A T I O N
م . خــالــد فــاروق
W O R L D IS Y O U R S
الـعـالـم مـلـك يــديــك
الـــمـــحـــمـــول
01228844640
E - M A I L
KH911FR@YAHOO.COM
W E B S I T E
http://kpp84.weebly.com/
WWW.KPP84.WEEBLY.COM
F A C E B O O K
http://www.facebook.com/Khaled01228844640
B L O G G E R
http://kpp84.blogspot.com/
G O O G L E M A P
http://old.wikimapia.org/29815294/Khaled-Pro-Production
Y O U T U B E
http://www.youtube.com/channel/UCYvMocie0EXwCshBM62CuCw
http://www.youtube.com/watch?v=XEfZJygjS4w
http://www.youtube.com/watch?v=uyImokKW52M
http://www.youtube.com/watch?v=VFWvn4a29pk
http://www.youtube.com/watch?v=vt9IlME-drw
http://www.youtube.com/watch?v=R57zbM-5rdo
http://www.youtube.com/watch?v=scce7UicXDw
http://www.youtube.com/watch?v=B6v04FeBaGE
http://www.youtube.com/watch?v=y1uWW3Tmvas
http://www.youtube.com/watch?v=7Gx1BOWIOJk
http://www.youtube.com/watch?v=KWBnP8F94KE
http://www.youtube.com/watch?v=MTJl0VpxsrI
http://www.youtube.com/watch?v=Jjonh8tgDZs
مع خالص تحياتي
E N G I N E E R
KHALED FAROUK
لم تعمل على مدونتي http://fammealgerienne.blogspot.com/
لا يعمل الصندوق...
http://infoevr.blogspot.com/2015/02/blog-post_87.html
إرسال تعليق