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

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

أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير 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/AVvXsEhCU3s-lR7sz_Pnq5CPjkmZSmpsRwM6q4lr3_iBeAhkFMfeyTVJqlsJTn0zdp_RZQz4d7RtBgC-uNSZA5bN2YNY080EqtHnqgMu3lJZ5_oVRD3QITyqF8eV7bBfplqdS4uDR9V0ONlao98/' 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/AVvXsEhaeQclLBk_uTp4jjoN7GNo9K65kDAhG91EUmJYIRVauGg-OhZCyjI1yJv2O39BNcx33oVzAUpFqZwfHJ37DFl-cDNlQvcPWOS46nYYU5JouF48ZR3Dk9fzTHSZRotGY9p0iQy1-BCajdQ/' 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/AVvXsEgLlFM_XSEbd-O04p3VecNjcYFiVSd0homzaWaFT75UbS2xqX-hZanuiCxE3HePBk3rjaoOnitzauIISDNvQaTW3Hh9BZVqi8dakryWnim8jME6_b5yMldeQI1LOOJYLPtdfpaCvXWjkTg/' 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/AVvXsEg0yz57z5blhjJ43j9BkUKCCOKUQV4CNvuBIKa1bddeLoE61-EX2ZnbGohpqN4-eX7k3tgAHe8N3yr25QxPYdtxRcaqwLPIs_HicLayQNOQbUEtkHWi5vC3JYzAL2TIg-2dLlUuiT2aA8U/' 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/AVvXsEiEM92nyN2J3fBF0h7XsNXquWELtOamLnBBr_cLvXMtf66bGxbQ07nDII0p_jWMBQ1PccWX-ou-C-s0Mt0Ad4GhpChtjmYoT2LTolg4vK2Km_k7zQsbzcgRJeGiBX-I67lGtcklbmC-nnI/' 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/AVvXsEhdFCfgkbBY4rcGrEyMBP3I1vXvdSwPPUD3vgLbQO8JFBDfuFds-zJEtaezz-sXkOEzntnm_W3J4DOOeTQfkYYCThy2DBsWjuDk6OBBGcC_pRdj3nTi1Q75HdlYFLiQN4Y72m4OqVnJWyA/' 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/AVvXsEj-IZcNcDyzpJ-9lQlouUaSDbLreN7Yky2M7SZzXP4UjSyfnc0U-LDjtWfScV0IT4NG8iVE0gMEyi-XFLpXyxtgkaQRzz70gj3t82TEcr1gQDkFBnMmFr2Ozf7CTRPz6VMppSgkfNXGFLw/' width='60'/></a>

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

<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbI20Pt5_U6WqlF74DZat8kRKw8ZRBerPgakfP03U6za0Ii5Hf4PO-rNWK0F5Gr3iWf1xItlr7Nar6mhphi0GVYpko4164dvQ7eq7bgjUU0M9u68eoXl3XXfPtt5SCgRcHOQdVHV9FD4/' 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'  و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها يحملان نفس القيمة

 http://www.doaib.com/2009/12/blogger-social-bookmarks-:المصدر  

buttons.html#ixzz2JCxfFCj7

كي تعم الفائدة