سنتعرف في درسنا اليوم على كيفية إضافة الروابط الأوتوماتيكية خاصة بتدويناتك على البلوجر عند نهاية كل موضوع، بحيث يتم عرضها مرتبة على جدول أسفل كل تدوينة، وتشمل الإضافة ثلاث صيغ من الروابط الخاصة بالموضوع وهي :
- رابط عادي URL.
- رابط عادي URL.
- رابط خاص بـ HTML.
- رابط للمنتديات BBCode.
بدون الإطالة عليكم أترككم مع كيفية تركيب هذه الإضافة.
1.لوحة التحكم
2.إضغط على قالب
3. ثم تحريرhtml
4.إضغط على متابعة
5.إختار توسيع القالب إختار
6.إبحث بالضغط على CTRL+F عن الكود التالي :
]]></b:skin>
7. وقم بلصق الكود التالي فوقه :
#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/AVvXsEjz9jFoOI3-yBzyeqgAKQm2Chlx1hikFQWE3xSuxI-v55h-HaSI4rvfNfJy5WIJxioMzJnXSI0WWXxQ_ldlnFyF___WsFfh0lL_GFb0JHiOmLtfzCghyntwnr57QtQO9u4dweqzcsrk3jjW/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/AVvXsEipjLqVgHzM41vp18YM4_J0U5wTmE1FVdpnhiuMXBIHkS5XazkMA7HVZTgCSb-Fe0BqLTUSGjn3QiGrr3puvdVfp9ZAbAiSTEtiIuik_SmlezdFaQD8bNJkqJFWmlzsWiMix95p1tw6BMAg/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/AVvXsEi3ZJDZwebW0tRehwFZtz-7TdLq7QRbiO1AY-R5aYfHBxn1TG6Y0rWB_qX9BWr2Ok5EoD2xqrrcf_PZDcFXzKLbQldrx27sy_uM43qTaUcyHmLV5h0GBjB_O1ae01OyZQlO1iMPWxl1vxxm/s1600/gradhover.png') repeat-x;
color: #339;
}
#table a:hover {
text-decoration:underline;
}
8. والآن قم بالضغط على CTRL+F للبحث عن السطر التالي :
<data:post.body/>
* إن وجدته أكثر من مرة فالأخير هو المقصود
9. ثم ألصق تحته الكود التالي :
<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>
10. وفي الأخير لا تنسى حفظ القالب.
أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع إستفساراتكم في تعليق.
المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.
هل أعجبك الموضوع ؟
الموضوع من طرف : منتصير شفيق
منتصير شفيق 24 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال الفيس بوك . تويتر . جوجل بلس
ليست هناك تعليقات:
إرسال تعليق