الاثنين، 28 أبريل، 2014

اظافة زر دعوة اصدقائك لموقع او مدونتك

السلام عليكم ورحمة الله
معكم سمير سلطاني من مدونة حاسوبي

شرح اضافة الكود بالمدونة ليظهر الزر بالمدونة :

اذهب الى لوحة تحكم مدونتك ومنها قم بالضغط على التخطيط واضف اداء جديدة بعنوان Html& Javascript

قم بنسخ هذا الكود ولصقة بداخل هذه الأداء :

 <style>
/*Facebook Invite Friends Button CSS http://kingnt.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://kingnt.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: 'ساعدنا بدعوة الأصاقاء الى مودونة حاسوبي'
});
}
</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>

ماذا نفعل الأن ؟

قم بوضع رقم التعريف مكان كلمة ضع ارقام التطبيق هنا المحددة باللون الأخضر
قم بوضع جملة تظهر بصندوق الدعوة مكان كلمة ساعدنا بدعوة الأصدقاء الى موقع كينج نتالمحددة باللون الأصفر وبالاخير اضغط حفظ وضعة بالمكان الذى يناسبك بالمدونة .

انتهى الشرح وارجو بأن هذه الأضافة اعجبتكم وانتظرو قريبا اضافة جديدة مفيدة (( لا خير فى كاتم العلم )) وهذه صورة نهائية لشكل الأضافة المتواجدة بموفع كينج نت كما تلاحظونه بالموقع .

فديو يشرح طريقة نسخ المواضيع وتخطي حماية منع النسخ
http://samiwolsol.blogspot.com/2014/05/blog-post_3585.html

1 التعليقات:

لا تنسى ان تشارك samir soltani بتعليقك
او نشر الموظوع جزاك الله خيرا