طريقة إضافة زر دعوة الأصدقاء على فايسبوك لزيارة مدونتك بلوجر

السلام عليكم ورحمة الله وبركاته.

درس اليوم هو عن إضافة جميلة تتيح لك وضع زر خاص بالفايسبوك Facebook ,هذا الزر يتيح لكل الزوار دعوة أصدقاءهم لزيارة مدونتك .و هذه العملية قد تكسبك عدد كبير من الزوار .
يمكنك تجربة الزر من المثال الثالي:

Invite your friends 

نمر لشرح طريقة التركيب:

1.قم بدخول لصفحة مطوري الفايسبوك بأضغط هنا .

2.أدخل إسم مدونتك ثم إضغط متابعة continue كما في الصورة التالية:

3.أدخل كود التحقق كما في الصورة التالية:

4. إضغط كما هو مبين في الصورة التالية:

5.قم بملئ البيانات كما في الصورة التالية:

ملاحظة:

بالنسبة لدومين الخاص بك فإذا كان لك إسم دومين مدفوع أكتبه كما هو مبين في الصورة السابقة و إذا لم يكن لك إسم دومين قم بكتابة blogspot.com و كفى.

6. توجه للوحة التحكم الخاصة بمدونتك .

7. إختر تخطيط .

8. إضافة أداة .

9. ضع الكود التالي داخل مستطيل الأكواد الخاصة بالأداة:

<style> /*Facebook Invite Friends Button CSS http://conda3ianllkhir.blogspot.com/*/ .DrRO_fb_invite a{ font-family: "lucida grande", tahoma, verdana, arial, sans-serif ! important; font-weight:bold ! important; font-size:12px ! important; width:150px ! important; border:solid #29447e 1px ! important; border-bottom:solid #1a356e 1px ! important; cursor:pointer ! important; padding:6px 6px 6px 6px ! important; background-color:#5c75a9 ! important; border-top:solid #8a9cc2 1px ! important; text-align:center ! important; color:#fff ! important; text-decoration:none ! important; } .DrRO_fb_invite a:active{ background-color:#4f6aa3; } /*End CSS http://conda3ianllkhir.blogspot.com/*/ </style> <script src="http://connect.facebook.net/en_US/all.js"></script> <script> FB.init({ appId:' رقم التطبيق(الكود الذي نسخته)', cookie:true, status:true, xfbml:true }); function FacebookInviteFriends() { FB.ui({ method: 'apprequests', message: 'قم بدعوة أصدقاءك لزيارة موقع TRUCSINFORMATIQUE' }); } </script> <br /> <div id="fb-root"> </div> <span class="DrRO_fb_invite"><a href="#" onclick="FacebookInviteFriends();"> Invite your friends </a></span> <script type="text/javascript"> if (top.location!= self.location) { top.location = self.location } </script>

10.قم بتغير ما كتب بالأزرق برقم التطبيق (الكود الذي نسخته في المرحلة السابقة)
11.قم بتغير ما كتب بالأحمر بأي عبارة مناسبة.
12.قم بحفظ الأداة.


أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع  إستفساراتكم في تعليق.

المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.