إضافة الروابط الأوتوماتيكية لتدوينات بلوجر

إضافة الروابط الأوتوماتيكية لتدوينات بلوجر تحت كل موضوع ،حيث يُعرض على شكل جدول أسفل كل تدوينة ويتضمن روابط المقال على شكل 3 صيغ : URL,HTML,BBCODE
والان نترككم مع كيفية تطبيق الإضافة ,

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

]]></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/AVvXsEiwXOVu8FefonNL0RHx3-sC4KogBwNuugTFtTyGAqvqxNPfLh1B8TlbK1klvYD8K8Sz0-Dk3qxC4B3gOObqTQUc3CK7vO5TT9yP7aHoSIsmp4TptfSLVatNFQlrwepbMk-ZiM6YxX8T8Czp/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/AVvXsEgq93HLi6fCL9BvJW1rEsQm1JfKqXFGwC-vQFdRk-2ZpxGwimUVlEfiufe1g2nFdotsJuHcir23zp-X3M0ULoya2wveC-HVA3ysHdD4UV2xY46vBQK1QmIousU5Lownx-oq98QjTNVKI6YU/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/AVvXsEixV6GHkX7vbqz_d625KqDC5-oTTPF74gAES1dGdirZtfDiWlEBSVfTHxFR0SZMgeZoAnPG0cUCEhKJVHNjFZ0TtKsMfeFuvYOmSfk1e1Q4Clhj-QS6Gp0QJYUj-4TR3N6kOam9whyphenhyphenc59N7/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>

وأخيرا قم بحفظ القالب ،

قم بمشاركة روابط التدوينة
رابط
HTML