الخميس، 19 يناير 2012

إظافة و دمج زر أرسل و زر أعجبني في كود واحد في مدونة بلوجر Facebook Send, Like button Blogger



ندخل اليوم عالم المدونات و إظافاتها .. من خلال شرح بسيط و سهل  لكيفية إظافة زر أرسل  Send الجديد الذي طرحه منذ أيام قليلة الموقع الإجتماعي الأول في العالم و نقصد بذلك موقع الفايسبوك.





و لن يكون الشرح لكيفية إظافة زر أرسل Facebook send button  فقط   بل سوف نقوم بإنشاء كود سهل و قصير جدا لدمج كلا الزرين المشهورين  و هما زر أعجبني Like و زر أرسل Send في نفس الوقت و في نفس الكود.


أيضا في أسفل الشرح سوف نذكر كيفية وضع زر أرسل و زر أعجبني في أي مكان في المدونة.

الشرح: كيف أقوم بدمج زر أرسل و زر أعجبني في كود واحد مع بعض في مدونة بلوجر Blogger / Blogspot:

هذا ما سنتحصل عليه


  • هذا كود الإظافة و يحتوي على كلا الزرين Like+Send
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:like expr:href='data:post.url' send='true' show_faces='false' width='450'>
</fb:like>

»»» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
أدخل إلى لوحة تحكم المدونة ثم نضغط " تخطيط " بعده " تحرير Html "  :
  •  لإظافة الأزرار في أول الصفحة أي أعلى المواضيع  إبحث عن هذا الكود باستعمال ctrl+f و ضع كود الأزراز أسفله / تحته
<div class='post-header-line-1'>
إن لم تجده فابحث عن هذا الكود
<div class='post-header-line-1'/>
  • لوضع الأزراز أسفل المواضيع  قم بوضع كود أزراز الفايسبوك تحت هذا الكود مباشرة:
<div class='post-footer'>
أو تحت هذا الكود
<data:post.body/>
بعد أن تنتهي من وضع الكود في مكانه الذي تريد قم بحفظ القالب  و شاهد النتيجة

1 التعليقات:

Unknown يقول...

جزاك الله خيرا مشكوووووووووووووووووووووووور

إرسال تعليق

أتمنى ان وفقت فى طرحى فى المدونة فان اصبت من لله وحده وان اأخطئت فا من نفسي والشيطان "أتمنى للجميع التوفيق والنجاح"

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Hostgator Discount Code تعريب : ق,ب,م