انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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/AVvXsEjXhMBWKpViOPFI-GHRsH67dxVtuDxjleUX2aTsjr3DlRZzdq-Csxbk0q1JAM3VUm5xXu-quCojpCJ-8eKL44auBZtxQJtzUHeW8i8kzfdwOf9RuLzh4k2rjJWJL0cl3oXBQDHXQ_ZE4dI/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/AVvXsEh5M_wbwGZeZZnA1KvO8ZcCs7rjhY63VHCp-RFwaJGX9kqEysCPSO_ypAjOL8KBccwTPJFHA9T3tzrSOulWCSXLAFEABF2zED37Zps7h2fDne2h2WoLS1GTNZVhgFEr4hLWSJINVfmM6Cc/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/AVvXsEgOfX1ZVuh-HgTLuX64iMAxsDacO6Z_L_iqPXAsuxkpxpAXQrNRmqjksvJ7Gn8zV4Iddxp7rhdhYY7WST-cNouizH0JFQMY5ZveESYCEmiwwZ1jkAZwliO8NDL-Ple93qniDc7DFakwMT8/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>

وأخيرا قم بحفظ القالب ،أتمنى أن تنال إعجابكم ولأي إستفسارالمرجو ترك تعليقاتكم

الموضوع الأصلى :- مدونة ابو اياد