السلام عليكم ورحمة لله وبركاته مرحبا بكم أحبتي في لله في هذه الحلقة الجديدة حيت سوف نتعر على كيف تضع روابط التدوينة في اخر الموضوع
هذه الإضافة تمكن أو تسمح للزائر بمشاركة مواضيعك سواء في مواقع التواصل الإجتماعي أو على المنتديات أو غيرها
شكل الإضافة
| URL | |
| HTML | |
| BBCode | |
والآن سوف نتطق إلى طريقة التركيب
إدهب إلى لوحة تحكم في بلوجر ثم إلى قالب ثم تحرير html
قم بالبحث عن ]]></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/AVvXsEhUO0CZvh6gQH9_WgBa-qHSaoe9DFgnXl6T3YXWR9ybfDWmGcf2Gl2v__RqNxxNGv5tf_s7gR5zTGdEi0uVp46TEwUsAHHPdOeLyjoefmGB8XFszCeZkW7T6MnBXSZpRkGG1BrS3xOIbOZO/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/AVvXsEjBlO95oR4vRQi81mUV4G1riP8CpSqrRIF3AEkysnQVL-8v3RIvD4C-F9dvSELNDRKO21BSVUn3RSMPkct48ZBlvWlDcNr00hMsimnT-0dCVK2Ck22dgLdDeYCwX_UGiCl7FqDcODoZsnnb/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/AVvXsEg_oH6virlP0DexYjc-LtjheegEojre2SIeudu51E5lFPwlGVOelONPKvJiLXH7RQfOheHELjsf8o27TVLZJtoEex1w1Sa9H0Kpbjb6jt4LKo69kiGlkVLKPDltMp0m8uG-GQF-X1QmRRyi/s1600/gradhover.png') repeat-x; color: #339;}#table a:hover { text-decoration:underline;}
قم بالبحث عن هذا الكود سوف تجد أكتر من واحد ولاكن إستهدف الأخير
ثم قم بوضع الكود التالي أسفله :
<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>
ونتهى قم بحفظ العمل ومبروك عليك
جزاك الله خيرآ
ردحذفمدونة علي فكرة
ميكروتك تو يو