القائمة الرئيسية

الصفحات

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

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

بسم الله والصلاة والسلام على رسول الله اما بعد ، اليوم في مدونة هشام هاشم للمعلوميات سوف نقدم لكم احد افضل الاداة بلوجر التي يعتمد عليها المدونين من اجل التواصل مع الزوار ، هذه الاداة هي عبارة عن صندوق التواصل الاجتماعي الفيس بوك ويكون مثله مثل صندوق التعليق بلوجر ، وفي ما لا شك ان العديد من المدونين تحتاج الى اضافة التعليقات الخاصة بالفيس بوك من اجل ان تصل التعليقات مباشرة من التدوينة الى صفحة او اليومية  وتسمى بالاشعارات .

لا يمكن ان تجد تدوينة لا تتوفر على صندوق التعليقات الخاصة بالبلوجر وحتى المبتدئين اذا احبوا قالب ووجد انه لا يتوفر على صندوق التعليقات سوف يقوم باستبداله ، لهذا اهمية اضافة صندوق المحادثة من بين أفضل وأهم الاداة من اجل مشاهدة تعليقات الزوار ، ولكن هذه المره سوف نكتشف كيفية اضافة صندوق تعليقات فيس بوك الى مدونة بلوجر بطريقة احترافية ولا تؤثر على القالب .

اذا كنت ممن يهتم بالتعليقات الزوار على صندوق الفيس بوك ماعليك الا اتباع كيفية اضافة صندوق تعليقات فيس بوك الى مدونة بلوجر بدون استعانة بي اي روابط .

دخول الى الموقع الخاص باصندوق الفيس بوك 

شرح كيفية تركيب صندوق التعليقات داخل بلوجر 

1. دخول الى Register من اجل الانخراط 
2. نستبدل " لا " بي " نعم" ثم التسجيل


بعدها نختار facebook canvas

ثم Skip and Cerate App ID

1. اختار اسم العرض مثلا انا اخترت Info-sati ايضا مساحة الاسم . إكتب اي اسم 
2. إنشاء معرف تطبيق

1 . بعدها تخرج لك هذه الصفحة تذكر App ID لانك سوف تستعمله في كود html 

1 .Settings
2. الايميل الخاص بك gmail 
3. ننقر على add PLatform

4. نختار Website

5 . سوف نضع رابط الموقع كامل من http الى .com  
6. تضع رابط الموقعك دون www.  مثال  يكون على هذا الشكل info-sati.com

1. نختار app Review
2. نتركها على yes 
بعدها سوف تخرج رسالة وافق عليها 

الان تاتي عملية اضافة صندوق تعليقات فيس بوك الى مدونة بلوجر
نبحث عن امر </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='YOUR_FB_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/laroujihicham12' property='fb:admins'/>

<meta content='article' property='og:type'/>

ناتي الان في تغيير اللون الاحمر 
بنسبه لكملة : حقل المعلومات اتكرها 
هذا رابط شعر المدونة : قم بنسخ رابط شعار المدونة وضعه في هذه الخانة 
YOUR_FB_APP_ID : اضف كود app id كما في الصورة رقم 5
laroujihicham12 : تغير باخر اسم رابط الفيس بوك 

نبحث عن امر <body> ونضع تحته الكود كما في الصورة  

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'Your App 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>

نغير كلمة Your App ID HERE بي كود app id 


العملية الاخير نبحث عن احد هذه الاكود

<data:post.body/>
 او 
<p><data:post.body/></p>
 أو
 <div class='post-footer-line post-footer-line-1'> 
او 
<p class='post-footer-line post-footer-line-1'>
او  
<b:includable id='comment-form' var='post'> 

ثم نضع اسلفها هذا الكود 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='left'>
<div style="background: #FFFFFF;">
<div style="color: #333333; font-family:'Oswald',serif; font-size: 20px; text-align:left;">
<strong>Post a Comment</strong></div>
<br/>
<script src='http://connect.facebook.net/en_US/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='520'/></div>
<div align='right'><a href='www.info-sati.com' rel="nofollow"><small>[Facebook Comment Box]</small></a></div>
</div>
  </div>

</b:if>

520 : تغيير العرض كي يكون مناسب مع المدونة
info-sati : تغيير بسم رابط مدونتك 
Facebook Comment Box : اي شخص سوف ينقر عليها ينتقل الى الموقع الخاص بك فقط  يمكنك تغير بإسم اخر



وهكذا يصبح شكل صندوق التعليقات على التدوينة 
هل اعجبك الموضوع :

تعليقات