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

2:50 م 0تعليقات

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


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

درس اليوم هو عن إضافة جميلة تتيح لك وضع زر خاص بالفايسبوك 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.قم بحفظ الأداة.


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

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


هل أعجبك الموضوع ؟

ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوظة لمدونة برو أيوب ©2013-2014 | ، نقل بدون تصريح ممنوع | Privacy Policy

Design by:Boulaich ayoub