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

السلام عليكم و رحمة الله و بركاته: اليوم سنتعرف علي كيفية إضافة الروابط الأوتوماتيكية لتدوينات بلوجر بالصيغ الأتية   HTML ,BBcode ,URL  فوائد هذه الأضافة هي أنه إذا أراد أحد نقل مواضيعك و يريد ذكر مصدر الموضوع فيقوم بنسخ أحد الروابط الأوتوماتيكية و بذلك يكون عندك باك لينك لمدونتك بسبب ذكره لمصدر الموضوع مما يزيد البيج رانك لموقعك بذلك يزيد عدد زوار الموقع الأن مع الأضافة ( بسم الله ) أولاً : ندخل علي لوحة التحكم في بلوجر . 

ثانياً : نختارالقالب و نضغط علي تحرير 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/AVvXsEgo6qDrBA8jdFwDRqtabZKnBWnYSstB0cfjQhac7KrG96GZVW_lrYWjCxR1O0zNplJl8hwm41qSKAjp_2eKOdQHBPctSc0So6sFs-BYq4fdC1pxgkn0P5JmctgOwrJJutn6wFkWTYLeCM2L/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/AVvXsEiipHduGi1NGFsleHkY3TcIbPK3oeJW06rJHStAh2dGfnFhBSHwKB4TxtccltiTdBGSq2E3SyiXbHhpN__-9fRuOqPBFL1_H8GD5nukL7x7JTn9ZYoFQBzQ-5sKAiWt-mf60YcnDRp1RWTn/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/AVvXsEjfD0H6m2I6pKLxvd7pM7wiFHIz2oAowNet-3mchtaXnWKENjORsPeqYROGQ6xc6tDFDZdRohSUnAwxoEG5EcTNXZTysHnTMHvk7MezmmMCoq18ktnpO0vLIfnWaeesNCKqMtwOht0F4tkY/s1600/gradhover.png') repeat-x;     color: #339; } #table a:hover {     text-decoration:underline; }

خامساً : قم بالبحث عن هذا الكود </data:post.body>  ( إن وجدت أكثر من واحد فالأخير هو المقصود ) و ضع الكود التالي أسفله :

<b:if cond='data:blog.pageType == &quot;item&quot;'> <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='&quot;&lt;a href=&amp;quot;&quot; + data:post.canonicalUrl + &quot;&amp;quot; title=&amp;quot;&quot; + data:post.title + &quot;&amp;quot;&gt;&quot; + data:post.title + &quot;&lt;/a&gt;&quot;' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td> </tr><tr>   <td>BBCode</td>   <td><input expr:value='&quot;[url=&quot; + data:post.canonicalUrl + &quot;]&quot; + data:post.title + &quot;[/url]&quot;' onclick='this.focus(); this.select();' readonly='readonly' style='width: 560px;' type='text'/></td> </tr> </table> </b:if>

سادساً : يمكنك تغيير الكلام المكتوب باللون الأزرق في الكود بالكلمة المناسبة لك و بعد إضافة الأكواد  نضغط علي كلمة معاينة للتأكد من صحة القالب ثم نضغط علي كلمة حفظ النموذج و مبروك عليك الأضافة و السلام عليكم و رحمة الله و بركاته