اضافة صناديق الفيس بوك بشكله الجديد 2015

السلام عليكم ورحمة الله وبركاته

بسم الله الرحمن الرحيم

اعضاء وزوار مدونة محترف التطوير الكرام
اليوم سأقدم لكم اضافة صناديق الفيس بوك لمدونتك
ب3 اشكال مختلفة ورائعة بعد التحديث الاخير من الفيس بوك
ولجميع المقاسات
الشكل الاول:يشمل صورة البروفايل والكوفر
والمعجبين وزر الاعجاب وزر المشاركة
والمنشورات
الشكل الثاني: يشمل صورة البروفايل والكوفر والمعجبين
وزر الاعجاب والمشاركة
الشكل الثالث:يشمل صورة البروفايل والكوفر وزر الاعجاب والمشاركة فقط

شرح طريقة التركيب

1.توجه الى تخطيط2.اضافة ادة Html/javascript3. ضع بها الشكل الى تريده4.غير mo7trf1 الي اسم صفحتك
الاكواد1.الصندوق الاول

<div class="fb-page" data-href="https://www.facebook.com/mo7trf1" 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>

2.الصندوق الثاني

<div class="fb-page" data-href="https://www.facebook.com/mo7trf1" 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>

3.الصندوق الثالث

 <div class="fb-page" data-href="https://www.facebook.com/mo7trf1" 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>

* لتعديل العرض والطول ـ المحدد باللون الأصفر 300 هو العرض ـ المحدد باللون الأخضر 250 هو الطول
الى هناء انتهت اضافة اليوم اتمنئ اذا عجبك الموضوع اذا عجبك الموضوع لاتبخل بنشره لتعم الفائدة