عرض مشاركة واحدة
قديم 05-08-2012, 04:52 PM   #1
أسامة المسيلي
مدون نشيط
 
تاريخ التسجيل: May 2012
المشاركات: 117
Wink شرح إضافة أيقونة إدعم صفحتنا على الفيسبوك


لمعاينة الشكل الإضافة : من هنا

أولا: هذا هو الكود الذي سنعمل عليه

كود:
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
  <tr>
    <td width="100%" align="center">  
    
<a rel="nofollow" target="_blank" href="http://www.facebook.com/kanoundjadid"><img  border="0" src="http://www.mushahed.net/vb/bnry/facebook-blue.png"  width="240" height="43" title="كُن الاول من بين اصدقائك" alt="facebook" /></a>
<br/>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/kanoundjadid&amp;layout=button_count&amp;show_faces=true&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21"  scrolling="no" frameborder="0" style="border:none; overflow:hidden;  width:90px; height:21px;" allowtransparency="true"></iframe>
<br/>
</td>
  </tr>
</table>
ثانيا: نقوم بفتح أداة جافا سكريبت ونلصق فيها الكود المبين أعلاه



1 - نلصق الكود في المكان المخصص له داخل الأداة

2 - نعدل على الكود بما يتناسب مع مدونتنا كما يلي :

اللون الأحمر : وهو وصف الأيقونة وسيظهر على الشكل التالي :


اللون الأزرق : وهو إسم او معرف الصفحة الخاصة بنا على الفيسبوك

اللون الأخضر : وهو رابط صورة الأيقونة وله عدة أشكال :


http://www.mushahed.net/vb/bnry/facebook-blue.png

http://www.traidnt.net/Portal/images...les/775/22.png

http://img689.imageshack.us/img689/7203/facebook2w.png
3- نترك العنوان كما هو ..فارغ
4 - نقوم بحفظ الأداة

ملاحظة : أفضل مكان لوضع الأداة هو جعلها أسفل الهيدر

كود بلغة HTML:
www.bloggerexp.com هذا الشرح خاص بـ : معهد خبراء بلوجر

الدعم العربي


التعديل الأخير تم بواسطة أسامة المسيلي ; 05-08-2012 الساعة 04:56 PM
أسامة المسيلي غير متواجد حالياً   رد مع اقتباس