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

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

أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير 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/AVvXsEiWbA0GNJKOjoluYJBgborRNVNGygsFr-Ds7S4amPG7p9H7YKmqgKly7w_0TS_BkH114zLD16iu9HqV_l-O_ncVb0zV0nj13RQkrUYrhTlzyHSDxi9jTpdL8m0_LVHsibZFAfx_KGhblwg/' 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/AVvXsEg1nl7evjubqCIln18cXJDeL6JaFNdQHWjgfQxZQDo633TZJPgHnNhV8kg7TK3MyId5nfeUv1AGGoAIKbXBgKKH_szam7CLLjOOPX8Vuu4YVXwDJJRPNR0RL-0NbQaGS2j-D2CZbOnixRQ/' 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/AVvXsEh1v3IBF94RWCXzlkVsfwbHjdBrWlk1pGmVRUVjt0ZGNzDLqbXL_wxbSMkXw7kXpSRf98u1muGRpSyi_SzLffrtjKFmlW72Jxf910i7omrj1YCAKfEYCATCcmrDZviuA6xyF0-VeUgpxLQ/' 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/AVvXsEgj2DfyKIzo_OtAchHbuYLc8HefSoYqBhvP6avwOQBtD0An31vdvmcto-E2Kq_G_3VrNzKAe0lRmIsVlx_VxSEtKXxW7uyAXXCWwcg_fdFYGvoIxsT8WIC1EVTpllvDOFSEdsQ9DqwhFuw/' 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/AVvXsEjiOSzNgJG4CZmSJi0qa6W2Sq54cjQFzDx3EiEbpTak7zBKjkfVnlvHsF6HhgNYwZMQHKL23bJT39UKF86H68K1ojAcjKUM7LSgw6g01cvme-aOnK00LYJmZz1XsvKx5BfCe_9JCX2JEi4/' 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/AVvXsEjHcXDwL9x9VxPhG21WpX0lsenIuRdHOUbDT67L1nPzia52RNby8rQUsCfVfW6a_YbBkWBfz1H1djLdggJjXMcOdSbwPmfQGnfB7_2eINMlLTyCa3ib9ITdGS8QJvFvd9jhAHmmrUP2nMA/' 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/AVvXsEgTuiFkVCT3-lEF8vF4sN37ZKr7ONgc1yBQQIw-du7MWDetBclz1Q2Xf67-13rQxIERgxeHdjRK80XkbBkzRPS_GEar4iB5qdq78OllLvHZmXi8CgYKLmeixexaTkkFVJED0lpYftMz5JQ/' width='60'/></a>

<a href='http://feeds.feedburner.com/mirox'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2pXtW_TBOqsBu1wqLDyHl92qOFihWifivQwLTIOhAV_WKY1efqqlq0g0al28XCuMkPl7RRRempfoLIQ5ISJv86PFe9qF4iNA8CqnCqOAQ8Z-NbXHbF4nNaTMfr0FM19vBUQVWu_K6Zzs/' width='60'/></a>
</p>
<a href="http://th3pro-internet.blogspot.com/" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>

شرح الألوان:

* الأحمر : لتعديل عرض الإضافة.

* الأخضر : لتعديل لون خلفية مستطيل الإضافة.

* الأزرق : ضع مكانه العبارة التي تناسبك.

* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.

* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.

كذلك ستجدون height='60' و width='60' و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).