الأحد، 26 مايو 2013

زر الإعجاب من الفايسبوك بثلاثة أشكال مختلفة لمدونة البلوجر

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

إرشادات لتركيب هذه الإضافة :
  • توجه إلى لوحة التحكم في مدونتك =>اختر تصميم =>ثم  تحرير HTML
  • “قم بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
  • قم  بتوسيع القالب.
  • وأبحث عن الكود التالي : <data:post.body/>
  • إذا كنت تريد وضع زر الإعجاب أسفل الموضوع فم باختيار كود الشكل المناسب لك ثم ضعه أسفل :
<data:post.body/>
  • أما إذا كنت تريده أسفل عنوان الموضوع فاختر شكل الزر الذي تريده و ضعه فوق :
<data:post.body/>

____________________________________________________________
أزرار الإعجاب :
down
___________________________________________________________
الزر الأول : 
facebook-like-button-vertical-count
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>
_________________________________________________________
الزر الثاني :
facebook-like-button-without-count
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>
_________________________________________________________
الزر الثالث :
facebook-like-button-without-count1
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>
______________________________________________________________________________
  • إذا واجهتكم أي مشاكل في تركيب هاته الإضافة المرجو ذكرها في تعليق .
أتمنى أن يكون هذا الدرس قد نال إعجابكم و السلام عليكم

التعليقات
0 التعليقات

0 التعليقات:

إرسال تعليق