إضافة الروابط الأوتوماتيكية اسفل كل تدوين في نهاية كل موضوع

السبت، 7 سبتمبر 2013 | التعليقات

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله تعالى وبركاته

يسرني أيها الاخوه اليوم باذن الله ان اقدم لكم إضافة بلوجر من احدث الاضافات المحترفة .
الاضافة عبارة عن الروابط التلقائية او الأوتوماتيكية اسفل كل تدوين في نهاية كل موضوع بشكل جميل وانيق , بحيث يتم عرض الروابط مرتبة تحت كل تدوين ، بالاضافة الى ثلاث روابط , رابط عادي URL ورابط خاص بـ شفرة HTML والثالث رابط للمنتديات BBCode ثلاث صيغ من الروابط الخاصة بالتدوين .

لمعاينة الاضافة مباشرة : اسفل الموضوع مدونة افتخر

طريقة التركيب :
1~ قالب
2~ تحرير HTML.
ملاحظة: قبل تحرير القالب يجب حفظ نسخة منه احتياطية عند الحاجة.

3~ ابحت عن الشفرة التالية :

]]></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: #b9c9fe url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg207R-KmB_w7HPbYDs3H-rwG2OnKwZt6rV_4SV3YWuT7n3DXVSwONYsp4g5k5e_IGNdPyqK4w1t7zGbH7pcoRM62-9eUA8l898iI7v0r3wuqIQwuY3VM-HMOrWlpUyQmlkIMPu7ryQLGGB/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/AVvXsEgkbvsznc40q7EUZ45q4aF6VRH01h2ZNUnpeh80_ke9PrI4gEGqpreAV4WA5Dnt61K0we-qYimrzCBDByJZZk9lJsLzQMe3inCgXMq7U_xfkRK12vVBo9sJF-WAFnETpnSK5ihVTSXDjPPR/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/AVvXsEjd9uH5KJX26ROJbDEUmWTpDy64vaU0qx1hyphenhyphenF8oACXGxEDKV7vhEX4l1AtnsJCSTfOb1p6cWYL6zSkE-AD5-aiHiVqDYDYMtfA7j7qmi5ydbRkCnDch0V66aFJTmmLxQjatzC5SfhfRLCYb/s1600/gradhover.png') repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}

3~ ثم ابحت عن الشفرة التالية :

<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=&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>

يمكنك تغيير الجملة |روابط الموضوع قابلة للنسخ| المكتوبة باللون الاحمر

روابط الموضوع قابلة للنسخ

URL

HTML

BBCode