إضافة روابط المشاركة الأوتوماتيكية لتدويناتك على بلوجر

السلام عليكم ورحمة الله وبركاته ،اليوم سوف نتعرف على كيفية إضافة الروابط الأوتوماتيكية لتدوينات بلوجر تحت كل موضوع ،حيث يُعرض على شكل جدول أسفل كل تدوينة ويتضمن روابط المقال على شكل 3 صيغ : URL,HTML,BBCODE
والان نترككم مع كيفية تطبيق الإضافة ,

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml,  ثم. قم بالبحث عن الكود التالي :

]]></b:skin>

ثم قم بوضع الكود التالي قبله:

<br /> #table {<br /> font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;<br /> font-size: 13px;<br /> margin: 10px -12px;<br /> width: 580px;<br /> text-align: left;<br /> border-collapse: collapse;<br /> direction:ltr;<br /> }<br /> #table th {<br /> font-size: 13px;<br /> font-weight: normal;<br /> padding: 8px;<br /> background: #b9c9fe url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrRMqNWVqy0kc0KWwKXJbk3q2rqa5UsjDUcqbHlYlZwyciUC4ENOhay14je1kSq_gA4n9dTQIc7uunxyoENrwI7ry7W2JLToNRkgYqu52T2mK9f4JQBHT00PVzN8_jefXev8ROgVKnPIml/s1600/gradhead.png') repeat-x;<br /> border-top: 2px solid #d3ddff;<br /> border-bottom: 1px solid #fff;<br /> color: #039;<br /> <br /> }<br /> #table td {<br /> padding: 8px;<br /> border-bottom: 1px solid #fff;<br /> color: #4c4c4c;<br /> border-top: 1px solid #fff;<br /> background: #e8edff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEips-YlYMBHe9s4kquJIv2WY5Zxh5s_cBX3meXiFWfKx78TQ9mywxp7ukifb5Ww3gR9tFDGLFyaY_xS9Ns1y4YR2OU1iWfE29TAdCnhOXy8xEsrjvsQh6k86U9KhLqAQrPY8oCOK5r4oDG9/s1600/gradback.png') repeat-x;<br /> }<br /> #table tfoot tr td {<br /> background: #e8edff;<br /> font-size: 20px;<br /> color: #99c;<br /> text-align:center;<br /> }<br /> #table tbody tr:hover td {<br /> background: #d0dafd url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_eKj91nPfBRnu-Nsl_bOTCMGJSSPeQ3dUH1AHSG9lQUSfs69-O-1IETTjWQfDQ94gwzTKkyBprMl0uroktkHoWkncDWLtNkV6QchQFKuAbECNhGx2ue2E_09huppOPN1qP_D6wi685QFo/s1600/gradhover.png') repeat-x;<br /> color: #339;<br /> }<br /> #table a:hover {<br /> text-decoration:underline;<br /> }<br /> <br /> <br /> http://trucsprofessional.blogspot.com/ http://www.developerspc.com/2013/09/blog-post_9.html#ixzz2hL3nXQCz


والآن قم بالبحث عن هذا الكود (إن وجدت منه أكثر الكثيير فالكود الأخير هو المقصود) :

<br /> <data:post.body/>
ثم قم بوضع الكود التالي أسفله :

<br /> <b:if cond='data:blog.pageType == "item"'><br /> <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><br /> <br /> <br /> http://trucsprofessional.blogspot.com/ http://www.developerspc.com/2013/09/blog-post_9.html#ixzz2hL5TJBjm