السبت، 25 أبريل 2015

إضافة صندوق الاعجاب بالصفحة الجديد للفيسبوك إلى مدونة بلوجر



صناديق صفحات الفيسبوك الجديدة 2015 بتحديث جديد كلياً عن القديم بما أنه سيتم تعطيل الصناديق القديمة حسب ذكر فيسبوك إلى أن هاته الأخيرة جد أنيقة وخلابة بثلاثة أشكال مختلفة ولجميع المقاسات الشكل الأول: عبارة عن صندوق يتضمن المعجبين وصورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة. الشكل الثاني يتضمن صورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة إضافتاً إلى المقالات المطروحة. الشكل الثالث يتضمن صورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة فقط.. هذه الإعدادات تم إختياره من قبلي لكي أتيح لكم التنوع في الإختيار وكذلك حسب ذوقكم.
شرح  طريقة التركيب
1. توجه إلى التخطيط 
2. أضف أداة HTML/JAVASCRIPT
3. ضع بها الشكل المختار
4. غير toopvines.co إلى إسم صفحتك



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



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



 <div class="fb-page" data-href="https://www.facebook.com/toopvines.co" 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 هو الطول