الثلاثاء، 25 يونيو 2013

طريقة إضافة زر أعجبني "Like" الخاص بالفيسبوك تحت مواضيع مدونتك أو تحت عناوين تدويناتك على البلوجر بمختلف الأشكال



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

وقد سبق وتطرقنا لشرح هده الإضافة على : كيفية إضافة زر إعجاب الفيسبوك "أعجبني" مباشرة اسفل عناوين المواضيع في أحد الدروس السابقة، إلا أنني سأقوم في هذا الدرس بشرح كيفية التحكم التام بها سواء في الشكل و التموضع، بدون الإطالة عليكم لنذهب مباشرة إلى التطبيق.


1- اتجه إلى لوحة تحكم البلوجر الخاصة بك و اضغط على "تصميم" من القائمة الجانبية ثم على "تحرير HTML"

2- ثم اضغط على "CTRL +F" وابحث عن :
<data:post.body/>
* إن وجدته أكثر من مرة فالثاني هو المقصود هنا.

3- وانسخ فوقه (إن كنت تريد إظهار الإضافة تحت عناوين تدويناتك) / أو تحته (إن كنت تريد إظهار الإضافة أسفل تدويناتك) الكود التالي :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> 
</b:if>

4- كيفية التعديل على الإضافة :

tahoma : من هنا يمكنك تغيير نوع الخط إلى مايلي (arial, lucida grande, segoe ui, trebuchet ms, verdana).
light : أي لون خفيف، من هنا يمكنك تغيير لون الزر، ويمكن تغييرها بـ (dark) أي لون غامق.
450px : من هنا عدل على العرض الذي ستأخذه الإضافة حسب الرغبة.
40px : من هنا عدل على الإرتفاع الذي ستأخذه الإضافة حسب الرغبة.
like : من هنا يمكنك تغيير الكلمة التي تريد أن تظهر على الزر (recommend أو like).

standard : من هنا يمكنك تغيير شكل الإضافة، و هناك ثلاث أشكال وهي كالتالي :

standard

box_count

 button_count


5- و في الأخير لا تنسى حفظ القالب.
 

*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

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

  1. مرحبا بدي اسالك كيف بدي افوت على التصميم وعلى الخطوات التانية متل البلوجر وهاي الشغلات بصراحه مو عارف يا ريت تفهمني

    وشكراً الك سلفاً

    ردحذف
    الردود
    1. هل لديك مدونة خاص بك على البلوجر ؟؟
      وإن أمكن أكتب باللغة العربية الفصحى حتى أفهمك جيداا :)

      حذف
  2. شكرا لك ساجرب واخبرك بالنتيجة
    تفضل بزيارة مدونتي
    http://mno3atworld.blogspot.com/

    ردحذف
  3. شكرآ لك اخي
    اتمنى زيارة مدونتي واحتاج ردكم ورأيكم بها
    http://ajaabhadaalkawn.blogspot.com/

    ردحذف
  4. برافو عليك احسن شرح وجدنه حتي الان شكرا جدا

    ردحذف