أضافة زر المشاركة الخاص بالفيس بوك الى مدونات بلوجر

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

1-Facebook Share Button Style 1:

Code for Facebook Share Button Style 1:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

2-Facebook Share Button Style 2:

Code for Facebook Share Button Style 2:

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

3-Facebook Share Button Compact Style 1:

Code for Facebook Share Compact Button Style 1:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

4-Facebook Share Button Compact Style 2:

Code for Facebook Share Compact Button Style 2:

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

ثانيا:كيفية أضافة النمط المختار الى المدونه :

1-نذهب الى لوحة التحكم الرئيسيه للمدونه ثم نضغط " تخطيط " ثم " تحرير" " html

2-قم بالتعليم على خانة توسيع قالب المدونة ، بعد التوسيع اضغط على CTRL+F من أجل البحث عن الكود التالي :

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

3-ثم بعد ذلك ننسخ كود النمط المختار ونضعه بعد هذا الكود مباشرة.

4-إن لم يفلح البحث عن الكود السابق ابحث عن هذا الكود:

<data:post.body/>

5-ثم ضع كود النمط المختار قبل (اعلى ) هذا الكود مباشرة.

6-احفظ القالب .

وبكده نكون انتهينا من هذه الاضافه