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

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

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

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


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





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


وابحث عن      <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
      وهكذا يكون قد انتهي الموضوع وارجو ان تكونوا استفدتم من الدرس منتظر تقيمكم للموضوع واستقارتكم ضعوها في تعليق
      من فضلك اضغظ لايك لمشاهدة لينك التحميل

      11 التعليقات:

      1. @Mark naeam

        العفووووو

        وفي خدمتك في اي وقت

        ردحذف
      2. شكرا لك اخى الكريم على هدا الشرح الوفى

        ان مدونتك جميلة حقا تستحق التقدير

        فى الحقيقة انا مبتداء في التدوين اريدمنك

        تزور مدونتي وتقيمها

        وهد عنون البريد: chekkat21000@hotmail.com

        الرابط:http://aziz-buseness.blogspot.com

        ردحذف
        الردود
        1. العفو اخي الكريم
          وبمناسبة التقيمم بالنسبة بانك مبتداء

          فهي جيدة ولكن ليس هناك تناسق في الوان القالب

          حذف
      3. الف شكر ولكن هذه الاضافة تظهر فى المشاركات فقط وانا اريد اظهارها فى الصفحات ايضا فكيف يمكننى عمل ذلك

        ردحذف
      4. اخي الصفحات لا يظهر فيها اي نوع من التعليقات ولا تعليقات بلوجر ولا تعليقات الفيس بوكـ


        ♥ كل عام وانت بخير ♥

        ردحذف
      5. السلام شكرا على هذا المجهود الجبار
        اريد مساعدة فقد ركبت قالب لكن ظرت مجموعة من المشاكل لعل اهمها عداد الزوار الذي بتغير كل ما عملت تحديث للصفحة مرة يزيد الف مرة يبنقص الاف
        ما العمل المرجو المساعدة
        مدونتي www.hamzaa86.blogspot.com

        ردحذف
      6. مجهود رائع واحسن شرح شفتة لغاية الان نتمنى دوام النجاح والتوفيق

        http://zoom-unlimit.blogspot.com

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

        ردحذف
      8. الله يفتح عليك بصراحة شرحك سهل مميز اتمني زيارة برنامج علي متصفح

        ردحذف

      افلام اون لاين

      اختارنا لكم

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