السلام عليكم ورحمة الله تعالى وبركاته وبعد غياب مطول جدا وانا اسف عن ذالك فقد كنت في سفر احضرت لكم اليوم في تقني الانترنت افضل اضافة علفى الاطلاق لاضافة ناديق صفحة الفيسبوك بطريقة رائعة وجميلة وعصرية وجديدة بالكامل 2015 ونعلم ان صفحات الفيسبوك لها دور كبير في زيادة عدد الزوار فانصح بهاته الاضافة.
طريقة الاضافة
اولا نتوجه الى التخطيط ثم نضيف كود الشكل الذي تريد في داخل اداة جافا سكربت ثم غير الرابط المحدد بالون الاصفر الى رابط صفحتك على الفيسبوك
طريقة الاضافة
اولا نتوجه الى التخطيط ثم نضيف كود الشكل الذي تريد في داخل اداة جافا سكربت ثم غير الرابط المحدد بالون الاصفر الى رابط صفحتك على الفيسبوك
الشكل الاول
الشكل الاول هو اكبر شكل بحيث يعرض فوق اسم الصفحة وصورتها والغلاف مع الضغط على اعجاب او مشاركة وتحت اخر المواضيع التي نشرت على الصفحة شبيهة قليلا باضافة التويتر.
كود الشكل الاول
<div class="fb-page" data-href="https://www.facebook.com/arabe1web" 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/arabe1web" 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/arabe1web" 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>
مصدر الاضافة والاكود وكل الحقوق محفوضة لمدونة عرب ويب
هكذا نكون قد انهينا درسنا اليوم ارجو متابعة المدونة للمزيد من الدروس الشيقة والرائعة
معاينة حية لشكل الاول
ليست هناك تعليقات :
إرسال تعليق