الجمعة، 23 أبريل 2010

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

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

أولا من لوحة تحكم مدونتك توجه إلى صفحة تحرير 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/AVvXsEiX89SlsLrd3_ZrgNjPEHrfxuaJU6x7uW1YhwPArbwYRNzeUw46Wzqi9I-Jnj1uz8mt5MmRTwaQW_ff8of1Eg74x-ooqWfitfnfIGrkKVtCucRDTZetgwgGURjpYXpFK45MGpPZwHR9FUs/' 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/AVvXsEgNY9R6sijMLSt5uuziA7v_qFWQiTdwgxo5i0A11IJ1VWq_TCF3JFyZ0I6pnoq2hEgjAx6F7YOcsCK6ed3PjXNqttji3fHEoBVmys1LVpD86L8qcZjtVIpKw8Idsg0ZpXXci9t5vBxXxpc/' 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/AVvXsEhODCkIk6x0WWTJF57GVRotg6LKirLg8oa70e1og-8RZcYI0EdbzAG8lrHVBw79CjYL8LekclZ-v-Z0DNmCKn8a0oy4Q86gQ0jFs1EOiloZH1EuC92C0HMF0zKtiLI9KuB0P1aRf7BAkeI/' 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/AVvXsEjkAveTpYeFzyRZHrcfte8YZbwNLAJC6D1AINqY7rsK0bX2bW4GjeogGm2kpfgO013v44i6LK6fvEVlpAasBnkG7d5jVLqNm1mwARcYvq7iIpdbVx6x-QkId2vtVP917D7mph6MnXnQ_-0/' 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/AVvXsEgJjI4dUuBZsirZBKTi87ch4zYmHHH_N83LBXzRs6ARvT5J5P2yZVHbUYe9rQyx7i-PjQ94a_U25JaOFmYQwxKJ8nphLy1E7l6LHyoozrnU9u2iwLUelSCLIY4nihvmh1GyAG56WjkBchQ/' 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/AVvXsEj4HbCTWwlOjbLOEhL3hhDTM3lWqJkXodprEWV11Eanud4q26lfBBPxI8CLffkK_bVd38WPhzo8NByf445KCLJOCegBHqjFLx-AyiGbD2nOqmd3QloWVdvdocL_waOgesSYa3ay4l2CrdA/' 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/AVvXsEjEFw-jzVjSw0E8fti2ey6xzmtkoetizqOE8q997eQf-8kW5d_Al9jxZs4-0Cbrg2s95AH-YflH2YsQje2KTL8HDtO0nhyphenhyphenDe-isP7wyTcMAIbEhB3sP5451Ps58F8YKUpWiu6EsqaGbbF4/' width='60'/></a>

<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRiyAOxixHLDiSAv9BxSMYu3nH3zUCPd9CFr7mM6hXMh3KdPJToCs_EMQQ-8v3P1Bf7HcwZ0xU5iPqJIfxecq87aShchLlxHMzGUnVT5eWILjEcoWpID1Syc_MvAVJ3d2oEsRVPEMSN8I/' width='60'/></a>
</p>
<a href="http://basem-e.blogspot.com/2010/04/blog-post_23.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div> 
ثم بعد ذلك إضغط حفظ

هناك تعليق واحد:

Basem يقول...

الأخ أحمد محمود

جزاك الله كل خير لمرورك العطر

إرسال تعليق