زر "أعجبني" من فيسبوك لمدونات بلوجر و ووردبريس

عطر الجنه

كاتب محترف
جرب الآن أن تضغط الزر أسفله (طبعا يجب أن تكون متصلا بحسابك في فيسبوك).





توجه إلى صفحتك في فيسبوك و ستجد جملة تبين لأصدقائك أنك أحببت موضوعا و هي تبدو كالآتي.



facebook-like-itf.png




إشارة : الزر يبدو باللغة العربية أو الإنجليزية حسب اللغة التي يستخدمها الزائر في حسابه على فايسبوك، فإن كانت صفحته الشخصية بالعربية ظهر الزر و به "أعجبني" و إن كان بالإنجليزية تظهر "like".

هكذا إذن يعمل الزر، أما الآن فسنتطرق إلى كيفية إدراجه في مدوناتنا.



أولا: في مدونات بلوجر Blogger



من لوح تحكم مدونتك توجه إلى صفحة تحرير Html ، و قبل بدء التعديل احفظ نسخة احتياطية من القالب ثم ضع علامة في خانة توسيع القوالب و جد هذا الكود. (في حال وجدت منه اثنين فالمقصود هو الثاني).


<data:post.body/>​
بعده مباشرة تضع كود زر "أعجبتني" و هو الآتي.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

******** allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>


</b:if>​




لتخصيص الزر غير ما أشير إليه في الكود بالألوان.




  • like يمكن تغييرها إلى recommend لتغيير النص الظاهر في الزر من "أعجبتني" إلى "ننصح بهذا" ليصبح هكذا.



  • arial لتغيير الخط كأن تضع مكانها مثلا tahoma فيصبح هكذا.



  • light غيرها إلى dark لتحصل على لون آخر للزر هو الآتي.


ثم تحفظ القالب و به تكون قد أنهيت المهمة.



\!/ تحديث : جدد مظهر الزر بحيث يظهر عدادا للمعجبين بالموضوع، رجاء ممن يضعون الكود القديم أن يبحثوا عن layout=standard ثم يستبدلوه ب layout=button_count ، أما من يضع الكود للمرة الأولى فلا يفعل هذا لأني عدلت كود الزر ليظهر الشكل الجديد.






ثانيا: في مدونات ووردبريس Wordpress (الخاصة طبعا!)



1- حمل ملف الإضافة المضغوط من هنا.







save.png
تحميل إضافة زر "أعجبتني"


2 - فك الضغط عن الملف و ارفع مجلد الإضافة إلى الامتداد wp-content/plugins


3 - من لوح تحكم مدونتك فعل الإضافة.





ثالثا: في باقي المواقع



لإدراج الزر في أي صفحة و موقع ما عليك سوى زيارة هذه الأداة و توليد الكود بعد التخصيص، ثم ازرعه في قالب الموقع.

نسألكم الدعاء!​
 

مواضيع مماثلة

أعلى