جاري تحميل ... BigMag Demo

احدث المقالات

المشاركات الشائعة

فنون

التعليقات

سياحة

مقالات

Saturday, July 2, 2016

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

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

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


ثانيا الشكل الثانى كما فى هذه الصورة
  1. قم بالبحث عن هذه الكلمة <body> وضع بعده هذا الكود مباشرا
<div id="fb-root"></div>
  1. ثانيا قم بالبحث عن هذه الكلمة </head> وضع قبله هذا الكود مباشرا
 
<script>
//<![CDATA[
(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/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
  1. ثالثا اتجه الى تخطيط وقم بأضافة اداة فى المكان الذى يناسبك وضع هذا الكود فى HTML/JavaScript

<div class="fb-page" 
  data-href="https://www.facebook.com/Infos.Ultra"
  data-width="380" 
  data-hide-cover="false"
  data-show-facepile="false" 
  data-show-posts="false"></div>
 
كما سبق فى الكود السابق جملة باللون الاحمر قم بتغيرها الى رابط صفحة مدونتك على الفيس بوك


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

<div class="fb-page"
  data-href="https://www.facebook.com/imdb" 
  data-width="340"
  data-hide-cover="false"
  data-show-facepile="true"></div>
 وعليك بتغيير الكلمة التى باللون الاحمر الى رابط صفحتك على الفيس بوك


اذا واجهتكم اى مشكلة فباب التعليقات مفتوح اترك تعليق وانتظر برد عليك
الوسوم:

No comments:

Post a Comment

إتصل بنا

Contact Form

Name

Email *

Message *