]]></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/AVvXsEigBTgPUQecs6kqD1TRZqKi5jWEGzlum4SYNeMZ-L1DltFmZukGL1VT8vnZotqHxneXBXxz9y0O_EoY574-lg8ylC5UqQKM4h_TILek3UWbt3t-rD5sMGL_HKzou0sJyLVWc1fBW8SFkG2A/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/AVvXsEiWbckUvSzAOsbvBHb50NT7_-Ww0ekBXiU8V6WIGIr1joURVTMgeQ07wAU0YeLRGr4y6tYijU8r_Ln7qwzARbksGQrRO1TrBmPAdFzD4Gc2Sald6zNK3KBhjYFejxogfljQPCFcn1V2I9LG/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/AVvXsEjDfZIFSplIC7ro0DYS9q9XVPrbGbSnbMFt6ttq-pn7QoZ-BPGqUWx8rhnPSGhHyHV0EJrA8v2UaGnwdcE_opzUtIXHUEULk45tjkw0wJ_nzqjfXSBZyHDI-cElX70_JyqgsSW0sQFJzUyx/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>