icon18_wrench_allbkg

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

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

salamo%2B3alaykom%2B-%2BAfkarPro.blogspot

button-like-facebook-for-blogger+-+www.afkarpro.blogspot.comيعتبر زر الإعجاب الخاص بالفيسبوك من بين أهم الإضافات التي يجب استخدامها على مدونتك، حيث أنها تقوم على نشر المدونة وجلب و إستقطاب عدد كبير من الزوار، إضافة إلى ذلك فهي ستضمك لك إشهار و أرشفة سريعة لمدونتك.

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


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).
Facebook+Like+or+Recommend+Button+blogger+-+www.afkarpro.blogspot.com

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

standard
Like+Button+Facebook+Standard+for+Blogger+-+www.afkarpro.blogspot.com

box_count
Like+Button+Facebook+Box_Count+for+Blogger+-+www.afkarpro.blogspot.com

 button_count
Like+Button+Facebook+Button_Count+for+Blogger+-+www.afkarpro.blogspot.com


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

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




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

la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-+afkarpro.blogspot.com

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

  1. blogger_logo_round_35

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

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

    ردحذف
    الردود
    1. 64300_532520640128630_350925569_n

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

      حذف
  2. blogger_logo_round_35
  3. blogger_logo_round_35

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

    ردحذف
  4. blogger_logo_round_35

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

    ردحذف
  5. blank

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

    ردحذف
  6. blank

A7dat A9dam Arra2isiya