تعلم البلوجر هكركوز الكويت: روابط هذه التدوينة قابلة للنسخ واللصق

السبت

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

عدد المشاهدات الان

يتم عرضها مرتبة على جدول أسفل كل تدوينة، وتشمل الإضافة ثلاث صيغ من الروابط الخاصة بالموضوع وهي :

- رابط عادي 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRhFle_390x3NIzcPxIWxOC_RYMrLqaxruwd9tsv_buA-hCVH49AW0fv-R4M6cVE5bTNUde9eyGZcAA0kl2CKkUydKwlgbwVf1IYpeOH_7WjQPHy7zArFz0zfaJzM_qJMOTwfl8DLZ7t4/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/AVvXsEgXo0-HtO5WB7b3WLVloc1bcDtQCuEGD7HlUoPO1VVudsgtTNBYqSot97HEPyzEaJz-_ndnnlASd3BmEY0gJIStGyoXhzkVE3zcjgR92as4OfqcPwDqq94kMMpQknMjnDg2cwtiTTl-ybA1/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/AVvXsEgByWktrU4fJkg3O7-GgnvVZAJQ_YFWfSaUmCoqKTrT9KdEZnH3ERpW7qHa8PpJmHWMu2W5EDsaTl8QCeIeG-U23IOeTvgLEegrUZ1vDStYRIFqObDgrYyH-Mjz9BtRNCSdkItiB3-KN8NY/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>