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

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

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

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

الشكل الاول :

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