إظافة و دمج زر أرسل و زر أعجبني في كود واحد في مدونة بلوجر 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. يعطيك العافيه

      انا حاب نفس الكود المسنخدم عندك

      شارك الموضوع مع أصدقائك : Share و تويتر و بريد ودييق و قوقل
      ياليت تساعدني فيها

      ردحذف
    2. مرحبا بك و تفضل كود الإظافة التي طلبتها

      هذا ملف نصي للإظافة قم بتحميله عبر هذا الرابط
      http://dl.dropbox.com/u/26932345/bookmarks%20arab-tek.net.txt

      قم بتغيير arabtekdotnet بحسابك في الكود التابع لتويتر

      ردحذف
    3. مشكور ياغالي على الرد السريع

      جاري التجربه

      ردحذف
    4. بارك الله فيك ~ 100% لكن ايقونة Share والبريد ماظهرت

      ردحذف
    5. أخي أعد المحاوله و ضع الكود كاملا.. أنا قمت بذلك و كما ترى الإضافة تعمل بدون مشاكل..
      إن وجدت كود ثاني سوف أمدك إياه إن شاءالله.

      ردحذف
    6. بارك الله فيك وجزاك لله خير

      عملت نفس الشرح

      وتمام

      وشاكر لكم هذا الشرح الرآئع

      ردحذف