خاصية روابط التدوينة قابلة للنسخ و الاستعمال لمنصات بلوجر

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

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

تركيب الإضافة

من لوحة التحكم => القالب => تحرير القالب

(لاتنسى أخد نسخة احتياطية للقالب)

نبحث عن الوسم : ]]></b:skin>

و نضيف فوقه الكود التالي:

#table {
    font-family: “Lucida Sans Unicode”, “Lucida Grande”, Sans-Serif;
    font-size: 13px;
    margin: 10px -12px;
    width: 580px;
    text-align: left;
    border-collapse: collapse;
   direction:ltr;
}
#table th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiPIWqwV5rgdCoiCDOSzmwJz787P4RDG4612Vhc_k9VAr7Lg5EY-NT69X5yomlHI1S4YB0MBQAM0tkika1K4z7H2a30qJyJ02tEoWi46gGRxlaCxysMLhKXrJDM4qr3JvRHQGTo1M5wRql/s1600/gradhead.png’) repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;
}
#table td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #4c4c4c;
    border-top: 1px solid #fff;
    background: #e8edff url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUDaZnO1mtGa_-qXU04zD4I4k6rFRgZfu9KtARejjB0R4GBGsXKU0d5RfXP-Dn3roawYTL3RzgZXNGPrO6d2brsRh3sk94YA5fAHAmJ4qD7KlfMonCfFXWVJcheyvyM_I00fGh8WmVejFq/s1600/gradback.png’) repeat-x;
}
#table tfoot tr td {
    background: #e8edff;
    font-size: 20px;
    color: #99c;
    text-align:center;
}
#table tbody tr:hover td {
    background: #d0dafd url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha18MayoYdi4g4ZpEw9-cedeCs0S_NsZg1Wt6V3SoU5G7CJXFC5kz-d3xv3sqg2xDZ7lkf4fUfM5fZlFDI5ZqBSUppF8ednaCfWr1utGdrN8Us6hkbBS_MMRJ139at9wl4JfUbmH9rmcnF/s1600/gradhover.png’) repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}

الخطوة الثانية

نبحث عن الوسم : <data:post.body/>

و نضيف أسفله الكود التالي:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<table id=’table’ summary=’روابط التدوينة’>
  <tfoot>
    <tr>
      <td colspan=’2?>روابط هذه التدوينة قابلة للنسخ و الاستعمال</td>
    </tr>
  </tfoot>
<tr>
  <td>URL</td>
  <td><input expr:value=’data:post.canonicalUrl’ onclick=’this.focus(); this.select();’ readonly=’readonly’ style=’width: 560px;’ type=’text’/></td>
</tr><tr>
  <td>HTML</td>
  <td><input expr:value=’&quot;&lt;a href=&amp;quot;&quot; + data:post.canonicalUrl + &quot;&amp;quot; title=&amp;quot;&quot; + data:post.title + &quot;&amp;quot;&gt;&quot; + data:post.title + &quot;&lt;/a&gt;&quot;’ onclick=’this.focus(); this.select();’ readonly=’readonly’ style=’width: 560px;’ type=’text’/></td>
</tr><tr>
  <td>BBCode</td>
  <td><input expr:value=’&quot;[url=&quot; + data:post.canonicalUrl + &quot;]&quot; + data:post.title + &quot;[/url]&quot;’ onclick=’this.focus(); this.select();’ readonly=’readonly’ style=’width: 560px;’ type=’text’/></td>
</tr>
</table> </b:if> 

مع تغيير العبارات المشار إليها بما يناسبك؛؛
أعانكم الله؛؛