أخر الاخبار

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


قامت مؤخرا شركة الفيس بوك بتحديث بل تغيير شامل لشكل إضافة صندوق إعجابات فيس بوك تحت إسم page plugin ، هذا الأخير متاح بصيغتين بينهما إختلاف طفيف في عرض الأصدقاء المعجبين و آخر في عرض التايملاين timeline ، بينما هما مشتركان في المظهر و الشكل .



pages-plugin-facebook


الشكل القديم إذا تذكرتم كان بهذا الشكل : (لاحظ الصورة)


pages-plugin-facebook

أما الشكلين الجديدين هما على هذا الشكل : 
pages-plugin-facebook
الشكل الأول


pages-plugin-facebook
الشكل الثاني


لإضافة الشكل الأول الذي يظهر فقط الأصدقاء المعجبين أو الشكل الثاني الذي يظهر به التايملاين ما عليك سوى تتبع الخطوات التالية :

1.تذهب إلى لوحة التحكم في بلوجر 
2.تذهب إلى تخطيط ثم إضافة أداة جديدة HTML/Javascript و تضع فيها إحدى الكودين التاليين : 

كود إضافة الشكل الأول :



<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https%3A%2F%2Fwww.facebook.com%2Falmobarmijpro&amp;width=300 &amp;height=400&amp;colorscheme=light&amp;show_faces=true&amp ;header=true&amp;stream=false&amp;show_border=true&amp;appId=325418997601091'style='border:none;overflow:hidden;width:290px;height:220px;'/></iframe>

كود إضافة الشكل الثاني :


<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_SA/sdk.js#xfbml=1&appId=139090236285481&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Falmobarmijpro&amp;width=320&amp;height=400&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=325418997601091' style='border:none; overflow:hidden;  width:310px;height:220px;'/></iframe>



لا تنسى تغيير الإسم المخصص لرابط صفحتي على الفيس بوك و المتمثل في almobarmijpro الموجود بعد www.facebook.com%2F في كود الشكل الأول و بعد /www.Facebook.com في كود الشكل الثاني بالإسم المخصص لصفحتك و هو موجود على هذا الشكل :  الإسم المخصص/www.facebook.com

للتطلع على طريقة و كيفية الإضافة يمكنك مشاهدة الشرح في الفيديو التالي :




لأي سؤل أو استفسار ممكن تركه في تعليق ليتم الحل في أسرع وقت و يستفيد الجميع بإذن الله ، بالتوفيق .

تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-