vendredi 23 avril 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/AVvXsEj-7DJW7P7Kq7TEP4IIjNF_EAx4sjd9SGxIXN3S22h05UHWBhQmP1yO09XDgJVEHFypD3s4S5WXSdwgzYAX1qYhKESd0JFPYZ8TyrtqM0E_A_MRty3fj49kNCY7snhk4aP-cQTAjHb_Jf8/' 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/AVvXsEjz9Q003aPTxMo6OheDxjcKfqIfIoXh67jxzSGOA6K2Vj2MESE3n13Hbp2mEW86qWAGFENtqaXUbeXkPbVpndo07KP7QQb2CZNK2KetfgfjMX1RhXeoGkNHA3E-dPPJDim9_M1WyvuyAl8/' 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/AVvXsEhh4jM9A0AZz8B9t4oSH86-TBn0KwXfzAH0D7LPJaq7Y9CpMxYVfByhblMq42h2-f-pDX0hq6L1rlX-KdPTXn7V-Rt9hFiocGTAiqWOqaDE3hROQ_zlNEPADhN5bm8lKwRW-6jbJQ2pNUI/' 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/AVvXsEgzm4EGuayiUr_MEpedMTB09QdAia0Oy0Dt7hkQgfV44r2rkvklnzhuzTWHHZqERZFdIwM8r_Xo5sc8WCvnnHEFHUjCWczw-2MuxmlWBWlMtyRdgCzNwqZeFRuwFK53mF8Wz4v3xWDpt-o/' 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/AVvXsEiNpdj4QkUMpdIvwboo7jFR9GHFJzsMKb29GOqrcorHYpGPGGsxwuUeysvpZdutPW6UCl1L6fM3Dc_0zk4sdDToNWD3C-4fHhBNQ-5aM80PuvFUKhZnnbuuUz10yXoJ8GoQICh_fHyS59w/' 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/AVvXsEii4TrGCn4WEvGkGXv-mHnkGf6yJRTO6bC29gUDH4ji0tiuiWB6tXffsPUVsNP8Zl8Wz2Jk31qDZ7Oz3mp-095u1YQvgeBh6pR_tXDUXs5mX1cQFnPVDpxRvhfRsOhCpUdNEU2BtFOf4TE/' 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/AVvXsEjiPeVSFBTdxhnOnfIdUHaEA_oXdr1n6SjscsbDZq5P1g214d_lX1DQJ6o2xWwOv9Qw2bPKIUf0mnTp4JjzUpvm2pZ8kM2mI_nLrX8Jqvw7uwAAadQORnlR0gKE_vwEPOBSkEFhQBZ-Vis/' width='60'/></a>

<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEbHpIL4nW8fuxVuHPdcPNKEdr2q8cjz4o6mdT1uQZ19gVWDNffx3iPuR3iKXuk6IBGrxPMHQ-jnmHqSZPQj149Ha8fE2KRE4oDoAPAmuBBg0ZDgZTXvLSGPmd7YThLYSuV4H_5jK_dxo/' 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> 
ثم بعد ذلك إضغط حفظ

2 commentaires:

  1. شكرا لك اخى وبارك الله فيك وفى علمك وزادك الله علما

    RépondreSupprimer
  2. الأخ أحمد محمود

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

    RépondreSupprimer