0
اضافه روابط هذه التدوينة قابلة للنسخ واللصق اسفل كل تدوينه

اضافه روابط هذه التدوينة قابلة للنسخ واللصق اسفل كل تدوينه اتوماتك بدون اى تدخل منك انشاء الله فى هذه المشاركه نتعرف على عمل هذه الاضافه و كيف نضيفها الى مدونتانا لمشاهده الاضافه يمكنك مشاهادتها على محترف لاب توب اضغط هنا للمعاينه
الان الى وضع الكود فى المدونه .

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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: #FFFFCC url('##') 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: #FFFFCCurl('#') repeat-x;
}
#table tfoot tr td {
    background: #e8edff;
    font-size: 20px;
    color: #99c;
    text-align:center;
}
#table tbody tr:hover td {
    background: #FFFFCC url('#') 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>

ثم قم بحفظ القالب 

0 التعليقات:

إرسال تعليق

 
تطوير #
خمسه خير © 2012