طريقة اضافة اداة روابط التدوينه قابله للنسح

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

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

في درس اليوم انشاء الله سنتعلم طريقة اضافة اداه جميله وهي اضافة روابط الموضوع

بمعني ان روبط الموضع تظهر تلقائيا اسفل كل موضوع تكتبه

حتي تسهل علي الزائر نسخ مصدر الموضوع

الشرح مقدم من مدونة الاوائل

لن اطيل عليكم

وهذه صورة الاضافة

طريقة التركيب

لتركيب الاضافة كل ما عليك فعله ان تذهب الي لوحة التحكم 

ثم الي قالب ونضغط علي تحرير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: #b9c9fe url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiliAI0bLzvQd-d_PlQbfmsEczBVZBJ8wBg5z4zL8VkXRwhVfpBVfWKx4CMVLdQ9RwCBN5_OUfPt9YSsuKzld7zktjYh4Yugtl_4nZB4WJ82rUiOe2WwJwQl79WabW2wirGcbkUYDVn5MCz/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/AVvXsEiKXMYHLFe-_-QF5pDMrAigFdhqgjV8NSkffuQw9jX_3I4phXbwXViq6M3h-Itl8K40DSLTgqY-0d6S0SHln-NrB6ug90Gw0X-aIFj09M8AfIwDJB9TdRSrP9pt_c5igGuu8NiFLbT2mOyL/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/AVvXsEiRaZUtrBh8CXKm0oORXg9AEbCoWfZDePC5JQ_C0uxlLkPSEmvwkxjVgJ-SCwzadnkxBLTDQcyOI1vG8gwqJC0X8aDdN__KlSF_72-lactTJpAgN5hlwwLQEMG7iZCOW4ohG8vXniYT8Vso/s1600/gradhover.png’) repeat-x; color: #339; } #table a:hover { text-decoration:underline; } - See more at: http://3alam-teche.blogspot.com/2013/12/blog-post_19.html#sthash.5O2KFMtT.dpuf

بعد ذلك نبحث عن الوسم <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>- See more at: http://elawaael.blogspot.com/2013/12/blog-post_19.html#sthash.5O2KFMtT.dpuf

وهكذا نكون انتهينا من الدرس وشكراااا

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