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

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

أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير 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/AVvXsEjaQNWLBSnQWqt09zwqdQIu_WLaI8C2fO8DuiO4A-00olh-xLS3c8LPJlmCPypjw6XTccKX4uxh6QtF-w8YJIHkqtC6j3i3jhGArpbJh1VCucktZYOYKvUlSawlAVFfqeEIq4-RpVe2en8/' 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/AVvXsEjdaZzlgCZl_dhWDQvXi18NsK0-jRiAPsU0ok8av5DEYmrsL9pWtj-mVva90xmyUEiT0ktS5pucT07s1d9o-hwYLPci1uxHyzGddDg9fcLkVk-BQG6_qntJ0zOcrdxMM31VsC36gkxKJ1A/' 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/AVvXsEhZ4mLDCNpVtHzNLiFNjixsRw9jTUToOJxi4QAdaWi6FMEqyI0jCvK6-M-Pofj-1zw-lQ_pgtDzlLa4pt3sm0iZ6WVkXFGfysENtrP6z3y4nJBrrAu_RcYNFT2w8mD7jtnDrs2Vr4dyhV4/' 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/AVvXsEhsw9wK7TPBy1_DW9IrSAmuqGspUnPTj0Ayzj1INWlZTn-7CdFuJemIiRj3TkxbFllayOVD252nRYf_uhw9873FzzwHC4t2MeQGFkOQ2ECg4u_XTw-k8ADxkJ-b5qOr-M-CocPitknjwYA/' 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/AVvXsEg_wzHHOz7jcEUq4oPbD5AJbar3sv1N1p7ZejPWDe8_7w5hV0ODm2JahxNxl60o7hlYEjvich4hZRy_YhpsFu80wj56gtQCBwklWfEdQL31jplcVFCEe7kobwAFANFpfZ6AllC2hnsNkkU/' 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/AVvXsEjg1lMcyhtLcKsUBANtSfy37TRL9eS49NlFxuS8oyz2c6dV-rhkKzxLuDEheunXdZUOChviIt0bnUNS9xnd_i02LJ3Oni8b-1gWhl93AIqVrXgbfS4p5QiZ0zmnNkfE9O8FK16Wk-nMb8M/' 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/AVvXsEi5B1_PakAzvIEP_Wm6tBMYDTTu3wO4Ukz_91obEygXMC9hvtuhENC3x5IwB2IJrCXQNNVaM_vJIRP_3QRo8jIWu4soupjcJujKorjz2rcnlNF3XzTRVRsGBrHUPwUfAFgLmF2VWuT7IO0/' width='60'/></a>



<a href='http://feeds.feedburner.com/doaib'>


<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ4-WxOg2yItpeWFn0pc9dkO7H9UqxdUuPWYpp6DlQSRmZix7WcK7jHnkULAzPTAATsKadSvWSrR5uZhJLP2XPwC3z0PGGRZ02lwsd4dHHfROKz42AX3RIdAbOFNSmEif5AlwUzfW0C0k/' 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







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