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

طبعا كلنا نفسنا لمانكتب موضوع إننا نشارك فيه كل أصدقائنا و كمان أصدقائنا يشاركو بيه أصدقائهم , و هكذا.

علشان كدة أنا جمعتلكم النهاردة كل المعلومات عن ازرار الفيس بوك زى like button ,share button ,send button

و إيه هى أكوادهم إزاى أدمجهم فى موقعى سواء كان موقع HTML أو مدونة بلوجر أو مدونه وردبريس.

يلا من غير كلام كتير نبدأ و بسم الله الرحمن الرحيم

أولا الزر الشهير لايك باتون أو زر أعجبنى:

وظيفته: القارىء يبدى إعجابه بالموضوع و طبعا لما يضغط على لايك اللينك بيظهر فى الwall بتاعته و بيشوفه كل أصدقاءة زى ما هتعملوا للموضوع دة مثلا.

الكود:

هناك نوعين من الكود Ifram و XFBML و الفرق بينهم أن XFBML أحسن لأنها بتضبط شكل الزر و بتعمل تظبيط للصورة على مساحة صفحتك و لكن عيبها أنها تحتاج الى JavaScript SDK تتسطب على موقعك عموما الكودين هنا.

Ifram code

<iframe src="http://www.facebook.com/plugins/like.php?href&amp;send=true&amp;
layout=standard&amp;width=450&amp;show_faces=true&amp;
action=like&amp;colorscheme=light&amp;font&amp;
height=80" scrolling="no" frameborder="0" style="border:none;
 overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

XFBML code

<div id="fb-root">
</div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like href="" send="true" width="450" show_faces="true" font=""></fb:like>

الأن يمكن أن تضمن send button مع الايك باتون فى نفس الكود لما تخلى ” send=”true” طيب لو أنا مش عايز send button هخليها false .

مثال:

ثانيا ال send button أو زر الإرسال منفصلا:

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

الكود: فقط xfbml

XFBML code

<div id="fb-root">
</div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:send href="example.com" font=""></fb:send>

مثال بسيط على send button و يمكنكم تجربته:

ثالثا وضع comments :

الوظيفة: تمكن زوارك من التعليق على مقالك أو موضوعك عن طريق حساب الفيس بوك لهم الplugin مهولة فى شهر من بداية إصدارها 5000 موقع إستخدمها. الكود:فقط XBML

XFBML code

<div id="fb-root">
</div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:comments href="example.com" num_posts="2" width="500"></fb:comments>

لمعرفة المزيد عن وضع COMMENTS BOX زوروا موقع PLUGIN هنا

مثال:

رابعا وضع فيد اكتفتى بوكس FEED ACTIVITY BOX :

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

الكود:

XFBML code

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:activity site="" width="300" height="300" header="true"
font="" border_color="" recommendations="false"></fb:activity>

ifram code

<iframe src="http://www.facebook.com/plugins/activity.php?site&amp;width=300&amp;height=300&amp;
header=true&amp;colorscheme=light&amp;font&amp;border_color&amp;recommendations=false"
 scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px;
 height:300px;" allowTransparency="true"></iframe>