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

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

أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML  و ضع علامة في خانة توسيع القوالب .
ثم ابحث عن الكود الموالي (CTRL+F)

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

و تحته مباشرة ضع هذا الكود و احفظ القالب.

<div style='width:548px; float:right; height:120px; background:#f2f2f2;padding:10px; border:1px #134294 solid;margin-bottom:20px;'>
<div style='width:540px; float:right;font-weight:bold;text-align:right; color:#1C547D; font-style:normal; font-variant:normal; font-size:30px; font-family:Times New Roman; height:35px'>

ساهم في نشر الموضوع و لك جزيل الشكر!

</div>

<p align='center'>
<br/>
<br/>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrgUZWNqhyphenhyphenA1JzU_uAG03ouTnxdB5RpqYNE0RmOzFR1fV6Gw26QjLqQVoXChHeYSrmp7jw0gM7POuiQEDaxd8amjvvZ_hub878DJ4fUanFs9YF-vYnh7h4Z36vOBIkjWX_-FPh6bBaU4E/' width='60'/></a>

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS2pNq5G3xYn0YWEcQB7Wa87UQ9yhyphenhyphentzCTR17uVIhxgh1w0yZJ3Xu6_r2AUG6617-Dc-rHiGRpD2-yErn5OLd0WDp6fMVwq15YXS7tXVxXI5rLOl9XSP7uRuz9H-94_xd9-binHuTErS0/' style='padding-top:1px;' width='60'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='del.icio.us' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOa1x5xhcECHre-QElq9pAHxAkz8SXR2sjTeLMECAB-PPSiaj3fZBktO3XNSK3OfZTgY6BLPDXzu_VNyX3ghBBN5jYCxyqWbQHDLwLb8XGRyWxYsxUWniuTZKirk3bELxGZ9cNNmu_p4k/' width='60'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaVQ0mBfi7N5R9iu0pB9izsJbNlJ_RnUo6J_hLUGvUos_fDBn6u_vC077PTKf1xHJWl17pHTIcYsqX_-EeUEQ4zhAtBfK3IqIglM6B3bpGI110rHphWKnyhIiY_1k21kOZHCvJDFVuvo/' width='60'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaszIsiODDImPR1czMZ9LD452JVJPOEjgPVp6d8nVCQp4dOuWHzSA-inj_iUo6u-pCCyLGKsbS3pctfXbpnYwQL-p3SBNtRVQonlAUyOd-C5US6Q-4PSR1WXN1_DatkCnt26CzUZ7E2o8/' width='60'/></a>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'>
<img alt='Facebook' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGkgrQnTFG1_GtNWiMWg6zpJ4W3Oaqotru3Z4gbCkhOJksFk_ePfd0S2TDuxyNtNel91ZQFYqvKo2RZixp7_jclJ1uj2w6YXiQLfOX46k3jsEThSKXmpc4kjNMm0bnR-NH4vxJ6eQ0pH0/' width='60'/></a>

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLiaCQKPpb85iKnDvq-WOOR8_-MBVT30d_D4V7OM5FH3d1eKCQqnqYVxwwHSUfH50qjxrtKijSM9HsMPl3Ivb6jhVIPndYa63sxfK7sKDpqe1vbByxZp4U6MelEq5JSZS0aX-TKjGDQJI/' width='60'/></a>

<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFSqkWUsm1O3zTvPQzP03TGyzd-YPEatLckZ9BhLKYxsGtoCOr5AxtTJgm51-tRPacrNbgXTbUGtp5QDmTO-OlR02YrKDE27ASmW2shnlbzArZQ0phsbgxmOByAKMP1TWzATLZiNTLhls/' width='60'/></a>
</p>
<a href="http://doaib.blogspot.com/2009/12/blogger-social-bookmarks-buttons.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>

شرح الألوان:
* الأحمر : لتعديل عرض الإضافة.
* الأخضر : لتعديل لون خلفية مستطيل الإضافة.
* الأزرق : ضع مكانه العبارة التي تناسبك.
* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.
* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.
كذلك ستجدون height='60'  و width='60'  و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).

لا تنسوا متابعتي على تويتر  عبر هذين الحسابين

doaibblog



HalTa3lam



مع تحيات أخيكم محمد.