صندوق المعجبين بصفحتك على الفيس بوك بلغة CSS وبتأثير رائع


 السلام عليكم عليكم ورحمة الله
 اليوم جئتكم باضافة رائعة وهي عبارة عن صندوق المعجبين الخاص بصفحتكم على الفيس بوك والذي يعتمد على لغة CSS  وهو نفسه المتواجد على مدونتي تحت إسم (تابع الشامل على الفيس بوك) دون ان اطيل عليكم لنشرح طريقة التركيب

طريقة تركيب كود  HTML
1) تسجيل الدخول الخاص بك المدون حساب
2) لوحة التحكم الرئيسية> التصميم> إضافة أداة> HTML / Javascript
3) انسخ الكود التالي والصقه في الاداة  HTML / Javascript
 4) ضع الكود التالي مع تغير ID الخاص بصفحتك :

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>

<script type="text/javascript">FB.init("32eb3732082b27e7c314feb421a56208");</script>

<fb:fan profile_id="ID" connections="20" width="300" height="300" css="http://related-sources.googlecode.com/files/facebook.css?"></fb:fan>
 <a href="  http://ashamil.blogspot.com/2012/07/css.html  " class="fbfb_tut" title="أضف هذه الإضافة إلى مدونتك">أضف هذه الإضافة إلى مدونتك</a>
5) واخيرا قم بحفظ الاضافة 

ملاحظة
يمكنكم التعديل على عرض وارتفاع الاضافة من خلال الرقم الاحمر والذي يمثل ارتفاع الاضافة والرقم الازرق والذي يمثل عرضها
ولا تنسو التعديل على رقم ID

شرح الحصول على ID الخاص بصفحتك

عندما سنقوم باضغط على الصورة الخاصة بالصفحة و سوف يظهر لك في الربط الأعلى مثل :






اضغط على الصورة لتكبيرها



اتمنى ان تكون الاضافة قد نالت اعجابكم والسلام عليكم
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode