يتم عرضها مرتبة على جدول أسفل كل تدوينة، وتشمل الإضافة ثلاث صيغ من الروابط الخاصة بالموضوع وهي :
- رابط عادي URL
- رابط خاص بـ HTML
- رابط للمنتديات BBCode
بدون الإطالة عليكم أترككم مع كيفية تركيب هذه الإضافة
1- اتجه إلى لوحة تحكم البلوجر الخاصة بك و اضغط على تصميم من القائمة الجانبية، ثم على تعديل القالب "Edit HTML"
*لا تنسى أخذ نسخة احتياطية من القالب
2- اضغط على CTRL+F للبحث عن السطر التالي :
]]></b:skin>
3- وقم بلصق الكود التالي فوقه :
#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('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/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('http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/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('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x;
color: #339;
}
#table a:hover {
text-decoration:underline;
}
4- والآن قم بالضغط على CTRL+F للبحث عن السطر التالي :
<data:post.body/>
* إن وجدته أكثر من مرة فالأخير هو المقصود
5- ثم ألصق تحته الكود التالي (كما هو موضح في الصورة بالأسفل - اضغط على الصورة للتكبير) :
<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=&quot;" + data:post.canonicalUrl + "&quot; title=&quot;" + data:post.title + "&quot;>" + 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>
ونتابع
ليست هناك تعليقات:
إرسال تعليق