اضافة صندوق روابط هذه الموضوع اسفل كل موضوع فى مدونة بلوجر



بسم الله الرحمن الرحم

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



صورة الاضافة بعد التركيب






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

بعد ذلك نبحث عن 
]]></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 == "item"'>
<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='"<a href="" + data:post.canonicalUrl + "" title="" + data:post.title + "">" + data:post.title + "</a>"' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr>
<tr>
  <td>BBCode</td>
  <td><input expr:value='"[url=" + data:post.canonicalUrl + "]" + data:post.title + "[/url]"' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td>
</tr>
</table>
</b:if>



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

والى هنا نكون قد وصلنا الى نهاية شرح اليوم اتمنى من الله ان ينال الشرح اعجابكم 



ا

2 التعليقات:

  1. ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ السلام عليكم
    حرب التتار - ترافيان كلاسيك
    http://travianr.com/ts7/register.php?ref=96
    ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

    ردحذف