أعلن موقع الفيسبوك أنه في بحلول يوم السبت الموافق 23 مايو 2015 بأنه سيتم إلغاء إضافة صندوق الإعجاب Facebook Like Box بالشكل القديم وسيتم تحديثه لما يعرف بالـ Page Plugin
ومن لم يحدث تلك الإضافة بحلول التاريخ المذكور سابقاً فإن الإضافة ستسقط من موقعه.
وكانت هذه هي الرسالة الخاصة بموقع فيسبوك
لذا يقدم لكم موقع ميدا دون شرح اضافة صندوق الاعجاب الجديد من فيسبوك لمدونات بلوجر 2015
بسم الله نبدأ
1. قم بالدخول إلى رابط الإضافة الجديدة على موقع الفيسبوك من هنا https://developers.facebook.com/docs/plugins/page-plugin
2. ستجد الصفحة أمامك كما بالصورة التالية، تابع معي الشرح بالألون
الخانة باللون الأصفر لرابط صفحتك على الفيسبوك.
الخانة باللون الأخضر لوضع العرض الخاص بمقاس الإضافة التي تريد ظهورها في موقعك ويفضل من 250 إلى 300 بيكسل على حسب رغبتك.
الخانة باللون الأحمر لوضع الإرتفاع الخاص بمقاس الإضافة.
Show Friend Photo: تعني ظهور صور بروفايلات معجبي صفحتك.
Hide Cover photo: تعني إخفاء صورة الكوفر الخاصة بصفحتك.
Show Page Posts: تعني إظهار مواضيع صفحتك ضمن الأداة.
اختر ما تشاء من التخصيصات الخاصة بالأداة كما تحب، وعندما تنتهي إضغط على Get Code
3. سيظهر لك إطار منبثق كما بالصورة التالية
ما هو مظلل باللون الأحمر هي أكواد الجافة سكربت الخاصة بالإضافة وهي ثابتة، من داخل لوحة تحكم القالب ثم تحرير HTMl ابحث عن وسم <body> ثم قم بوضع الكود أسفل الوسم السابق ثم احفظ القالب
- كود الجافة سكربت الخاص بالإضافة
قد تواجهك مشاكل عند حفظ القالب، قم بتحويل الكود السابق في محول أكواد جوجل أدسنس ثم قم بوضعه كما تم الشرح سابقاً ثم احفظ القالب.
ثم قم بنسخ ما هو مظلل باللون الأصفر ثم توج الى التخطيط ثم الى إضافة أداة HTML / JavaScript
ثم اضف الأداة واضغط حفظ.
وهذا هو كود الإضافة
ثم قم بفتح موقعك ستجد الأداة ظهرت في موقعك كما بالصورة
شكراً لمتابعتكم، موضوع شرح اضافة صندوق الاعجاب الجديد من فيسبوك لمدونات بلوجر 2015 على موقع ميدا دون.
تم بحمد الله.
وكانت هذه هي الرسالة الخاصة بموقع فيسبوك
With the release of Graph API v2.3, the Like Box plugin is deprecated. Please use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites.
If you do not manually upgrade to the Page Plugin, your Like Box plugin implementation will automatically fall back to the Page Plugin by June 23rd 2015.
لذا يقدم لكم موقع ميدا دون شرح اضافة صندوق الاعجاب الجديد من فيسبوك لمدونات بلوجر 2015
بسم الله نبدأ
1. قم بالدخول إلى رابط الإضافة الجديدة على موقع الفيسبوك من هنا https://developers.facebook.com/docs/plugins/page-plugin
2. ستجد الصفحة أمامك كما بالصورة التالية، تابع معي الشرح بالألون
الخانة باللون الأصفر لرابط صفحتك على الفيسبوك.
الخانة باللون الأخضر لوضع العرض الخاص بمقاس الإضافة التي تريد ظهورها في موقعك ويفضل من 250 إلى 300 بيكسل على حسب رغبتك.
الخانة باللون الأحمر لوضع الإرتفاع الخاص بمقاس الإضافة.
Show Friend Photo: تعني ظهور صور بروفايلات معجبي صفحتك.
Hide Cover photo: تعني إخفاء صورة الكوفر الخاصة بصفحتك.
Show Page Posts: تعني إظهار مواضيع صفحتك ضمن الأداة.
اختر ما تشاء من التخصيصات الخاصة بالأداة كما تحب، وعندما تنتهي إضغط على Get Code
3. سيظهر لك إطار منبثق كما بالصورة التالية
ما هو مظلل باللون الأحمر هي أكواد الجافة سكربت الخاصة بالإضافة وهي ثابتة، من داخل لوحة تحكم القالب ثم تحرير HTMl ابحث عن وسم <body> ثم قم بوضع الكود أسفل الوسم السابق ثم احفظ القالب
- كود الجافة سكربت الخاص بالإضافة
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
قد تواجهك مشاكل عند حفظ القالب، قم بتحويل الكود السابق في محول أكواد جوجل أدسنس ثم قم بوضعه كما تم الشرح سابقاً ثم احفظ القالب.
ثم قم بنسخ ما هو مظلل باللون الأصفر ثم توج الى التخطيط ثم الى إضافة أداة HTML / JavaScript
ثم اضف الأداة واضغط حفظ.
وهذا هو كود الإضافة
<div class="fb-page" data-href="https://www.facebook.com/MidaDownFans" data-width="280" data-height="250" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/MidaDownFans"><a href="https://www.facebook.com/MidaDownFans">ميدا دون</a></blockquote></div></div>
ثم قم بفتح موقعك ستجد الأداة ظهرت في موقعك كما بالصورة
تم بحمد الله.
الابتساماتالابتسامات