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

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

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

<b:if cond='data:blog.pageType == "item"'>

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

<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='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfE_94mZ-ZJpcfoVyWVoWpSmbRRKpToNIrvuEdQkfMW-Fcb97MzscMQl3jEjLF6TFoOWw-NZh0wYOfEdMrHVOHXW7iHc8LehO7HhXgual7aSBI0Ejgby69PRkbeQMCIdHKFgRC81oesyU/' width='60'/></a>

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilAFjit2dwy9rCcVY3R29kicjE862OfWafoiN0vTtHat-MYy_ocTxa-Vzpu3wP9l1ME5BOqCDHcgHS0XAekEU4r7PGR4beyavGyGcOeZ8zGdtcvYgIZTAMtUTllHgB0gB_4w8fQm6AMx8/' style='padding-top:1px;' width='60'/></a>

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

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3UD2n35kGS678GaG1ZPxpH_ld5kx0cC_P9t0js8rtdEWR8SouY6NoQ5TYxZm8ONsc-AV19ym384IQrrZnABvZ6Cw6oMVR9Qke9yaZwM8hYsnKkPZYqmo8Uo5-0zuUYGWJ6gf9hbeFNaw/' width='60'/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjReKDYRKw1m6IdJsSlGSlxI3d9ywgcanYgYbRJMONWZCE0vWCRgp0nMsd_NfbMUgSmhoAgqhxVea8Yb9oGQ3LAoCWbRbB663h0cEnyG0qT1x7HmGia1WLgfEIWB6cQpgOZbM2uKM9DBCs/' width='60'/></a>

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

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTj1UzNtZucsDkrgRAOGAbQ4TkJoOd5LDX5HYT7KVFHro0FqSAKflXCKECsVd-52v4n_g13MTr85ubr-Cw4qBWPgA28Y5ClEkrYJVWeASuhJxrH1OfbghVy7JqNApCww6rZZa7Qwp8Bg/' width='60'/></a>

<a href=' http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC2eMwAi4N-WcIQjFyPFYOB-nYAo7BSFoLL5VDFEqEE1Ryd-XBzZZMcImgnzveKA-P0qmISS0a55WljZfrNHhbZYWV_du1MXSzWgUlBuigpQYyHOdnlfpoj7C_-uIclRFLg4CVjXwjm98/' 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' و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).

مدونة أطلس