جرب..ولن تندم

الخميس، 19 يونيو 2014

إضافة زر فايسبوك "أعجبني" لمدونات بلوجر

1- عن زر المشاركة "أعجبني" من فايسبوك؟

زر فايسبوك "أعجبني" لمدونات بلوجر

 

إضافة زر فايسبوك "أعجبني"  Facebook button Share على مدونات بلوجر يعتبر من الطرق المهمة التي تسمح للزوار بمشاركة محتوى مدونة ما وبالتالي الحصول على المزيد: من الزوار. دون أن ننسى أن محركات البحث تعتمد على ذلك في تصنيف نتائج البحث. والمحتوى الذي يتم تداوله اكثر يحصل على المراتب الأولى في فرز نتائج البحث. وهي من التقنيات المستعملة في عالم سيوSEO.
رأينا في درس سابق طريقة إضافة أزرار المشاركة على الشبكات الإجتماعية لمدونات بلوجر، واليوم سنشرح كيف نقوم بإضافة زر المشاركة "أعجبني" من فايسبوك فقط. لما لا وكلنا نعرف أن فايسبوك هو الشبكة الإجتماعية رقم واحد حول العالم مما يجعل يعني أن مشاركة محتوى ما عليها يجعله قريبا وفي مرمى أكبر عدد ممكن من المتصفحين.

دون أن أطيل عليكم لنمر لطريقة إضافة زر أعجبني من فايسبوك لمدونات بلوجر.

2- إضافة زر "أعجبني" من فايسبوك لمدونات بلوجر:

الخطوة 1 :
من واجهة التحكم في مدونتك قم باختيار القالب ثم تحرير HTML

الخطوة 2:
من لوحة المفاتيح Ctrl+F ثم البحث عن الكود التالي:
<data:post.body/>
قوموا بالنقر مرتين على Enter من لوحة المفاتيح للعمل على الكود الثاني وليس الأول.

الخطوة 3:
لإضافة زر الإعجاب فايسبوك يكفي نسخ أي من الأكود التاليو لصقه فوق <data:post.body/> مباشرة.

لديكم ثلاث خيارات بالنسبة لأنوا ع الأزرار:

** الزر الأفقي  :
الكود:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>


** الزر العمودي:
الكود:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/>

** الزر بدون إحصاء:
لا يظهر عدد المعجبين
 الكود:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>


+ملاحظة:  إذا أردتم ظهور الزر اسفل المشاركات قوموا بنسخ الكود أسفل الكود <data:post.body/>.

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

0 on: "إضافة زر فايسبوك "أعجبني" لمدونات بلوجر"