اضافة صندوق الفيسبوك ذو الشكل الاحترافي الجديد

اضافة صندوق الفيسبوك ذو الشكل الاحترافي الجديد





صناديق الاعجاب بصفحات الفيسبوك الجديدة 
 - بتحديث جديد كلياً عن القديم بما أنه سيتم تعطيل الصناديق القديمة حسب ذكر فيسبوك إلى أن هاته الأخيرة جد أنيقة وخلابة بثلاثة أشكال مختلفة ولجميع المقاسات يمكنك التعديل على المقاسات كما تريد .



 الشكل الأول :

 - عبارة عن صندوق يتضمن المعجبين وصورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة فقط . 



شرح  طريقة التركيب الصندوق الاول

1. توجه إلى التخطيط
2. أضف أداة HTML/JAVASCRIPT
3. ضع بها هاذا السكربت
<div class="fb-page" data-href="https://www.facebook.com/clubofpro" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
<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/fr_FR/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. غير clubofpro إلى إسم صفحتك





الشكل الثاني :

-  يتضمن صورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة إضافتاً إلى المقالات المطروحة. 



شرح  طريقة التركيب الصندوق التاني

1. توجه إلى التخطيط
2. أضف أداة HTML/JAVASCRIPT
3. ضع بها هاذا السكربت
<div class="fb-page" data-href="https://www.facebook.com/clubofpro" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="false" data-show-posts="true"></div>
<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/fr_FR/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. غير clubofpro إلى إسم صفحتك



الشكل الثالث :

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


شرح  طريقة التركيب الصندوق الثالث

1. توجه إلى التخطيط
2. أضف أداة HTML/JAVASCRIPT
3. ضع بها هاذا السكربت
<div class="fb-page" data-href="https://www.facebook.com/clubofpro" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"></div>
<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/fr_FR/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. غير clubofpro إلى إسم صفحتك

الى هنا وصلنا الى النهاية اي استفسار ضعه بالرد