زر الارسال send + زر الاعجاب like لمدونات بلوجر من فيسبوك

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



اضافة زر ilike بلوجر


الخطوة الاولى

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم


الخطوة الثانية

ابحث عن :

<div class='post-header-line-1'/>


واضف الكود بعدها



واذا لم تجدها ابحث عن :(قد تجد اثنتين فالثانية المقصودة)


<data:post.body/>


واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة



1- كود اضافة زر الارسال فقط

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <!--Facebook Send button Start sma-b.blospot.com -->

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='tahoma'/>

    <!--Facebook Send button End sma-b.blospot.com  --></b:if>
  

2- كود اضافة زر الاسال + زر الاعجاب  
  <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Facebook Like+Send button Start sma-b.blogspot.com -->
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light'  action='like'  layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
<!-- Facebook Like+Send button End sma-b.blogspot.com -->

</b:if>
 تخصيص الزر بما يناسبك


1- احذف ما تم تعليمه بالبرتقالي اذا كنت تريد ان يظهر الزر في جسم التدوينة وفي الصفحة الرئيسية لمدونتك


tahoma : نوع الخط وتستطيع تغييره بخطوط اخرى مثل arial

light : يعني خفيف ، ويمكن تغييرها الى معتم dark


أيضا يمكنك متابعة الشرح في هذا الموضوع http://sma-b.blogspot.com/2010/09/like-button-to-blogger.html


الان احفظ القالب ومبروك عليك الاضافة .
Share this article :

Similiar Templates

Aucun commentaire:

Enregistrer un commentaire

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. DZ-Templates - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger