قوالب بلوجر معربة

السبت، 4 أغسطس 2012

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

10 التعليقات
بسم الله الرحمن  الرحيم واليوم مع اول درس لمدونة بلوجر فيس واعدكم انشاء الله بكل جديد وحصري باذن الله انا لن اطيل عليكم في الكلام ساطرق الي الدرس هو طريقة تركيب صندوق تعليقات الفيس بوك مع اضافة صورة فوقه في بلوجر اولا سنذهب الي                                       صفحة تطبيقات الفيس بوك علي هذا الرابط    مـــن هـــنـــا  تابع معي الشرح بالصور
اولا عمل التطبيق:


 ملاحضة: لن يتم انشاء التطبيق الى ادا كنت مفعلا لحسابك على الفيسبوك عن طريق الهاتف ,لدالك ادا وجدت مستطيلا أحمر سيخبرك بأن حسابك غير مفعل لدالك فعل حسابك أولا ثم أكمل   





ثانيا وضع الاكود في القالب:


وابحث عن      <body> 

او في القوالب الجديدة

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
وضع بعد احد الكودين الذي وجدتهم الكود الذي بالاسفل


<div id='fb-root'/><script>    window.fbAsyncInit = function() {    FB.init({      appId  : &#39;ضع رقم التطبيق هنا الذي نسخته&#39;,      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(&#39;script&#39;);      e.src = document.location.protocol +   &#39;//connect.facebook.net/ar_AR/all.js&#39;;    e.async = true;      document.getElementById(&#39;fb-root&#39;).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 == &quot;item&quot;'><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
      وهكذا يكون قد انتهي الموضوع وارجو ان تكونوا استفدتم من الدرس منتظر تقيمكم للموضوع واستقارتكم ضعوها في تعليق
      افلام اون لاين

      اختارنا لكم

       
      © 2014 جميع حقوق النشر محفوظة لدى المعرفة Blog | تصميم قوالب بلوجر