hunter

اخر الاخبار

Post Top Ad

Your Ad Spot

الأحد، 18 سبتمبر 2011

اضف زر facebook send boutton بشكل صحيح

بسم الله الرحمان الرحيم السلام عليكم ورحمة الله وبركاته 
من اليوم فصاعدا لن تواجهو مشاكل بنسبة الى زر facebook send 
كان زر الاعجاب احد اهم مميزات الفيسبوك ولازل كذلك الفيسبوك قبل مدة طرح زر الارسال الذي يقوم بمهمة ارسالة نص مختصر للمقال معين من موقع ما الى اصدقائك  وهذا الزر مهم لكلا الطرفين صاحب الموقع والمرسل فصاحب الموقع يستفيد من زوار جدد والمرسل يفيد اصادئقه بمعلومة جديدة

والان لنبدا على بركة الله 
 أولا ابحدث عن هذا السطر 
xmlns:expr='http://www.google.com/2005/gml/expr'> 
ثم اضف اليه هذا السطر : 
xmlns:fb='http://www.facebook.com/2008/fbml' 
ليصبح هكذا : 
<html ...... xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
ثم ابحث هن الوسم التالي : 
<body>
بعد الوسوم اعلاه نضيف 

<div id='fb-root'/>
<script>
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js#xfbml=1';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

ثم نصل الى تحديد ماكن تموضع الزر يمكننا وضعه في اي مكان مثلا : 
نبحث عن : 
<data:post.body/>

مباشرة بعد هذا السطر نضيف : 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='fb-like'>
<fb:send expr:href="data:post.url" font="arial"></fb:send>
</div>
</b:if>
تحديث : 
لمن ارد تغيير لون الاضافة الى الاسود يستعمل الكود الموالي : 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div class='fb-like'>
<fb:send expr:href="data:post.url" font="arial" colorscheme="dark"> </fb:send>
</div>
</b:if>

 تم بحمد الله 

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

إرسال تعليق

Post Top Ad

الصفحات