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

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

اليوم وفي هذا الدرس الجديد ضمن سلسله اضافات بلوكر سنتعلم كيفيه اضافة  الروابط الأوتوماتيكية اسفل كل تدويناتك على بلوجر وهو اضافة جميلة وحفيفة حيث تعرض هذه الاضافة روابط التدوينة على شكل جدول بثلاث صيغ URL,HTML,BBCOD
وهذا شكل الاضافة .

 طريقة التركيب اذهب الى لوحة التحكم بلوكر ثم الى قالب تحرير 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/AVvXsEi67OG5CkQPpPQQgi9ue7d8tg6z-3-KaUcOkCI49hyphenhyphenPfzfa5lVv6GNqgrlejnvTWXwUxc1Hs39MaU9bR08aUlCRVBLEK_PAC0q30Oijakr1cW9FbmiL1a8tssodpqEUjGHMhlAPZYpYaiBM/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/AVvXsEiSSyJEhNBG1gk9CkHY_vxElY6fcm_P0yeWXvJseOA_TnFixqmURnQt31hi2aXQT0gq5xLbT3HunFwMGP7qKyXNYzQb2WJu62ta2EhHmIs-opnNaD4yYXM0ekDQbQnljTppzMnfAc2Q0xHX/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/AVvXsEiUjJHHEZzknArPfrMt7PHOKUXOl6mUizBKxrU8vTogpCLxe0VhZ-cWmFVSSDZEpbX9c1oaBUU8vmB1U7YQiLPpC6y9qpFHvM8Jz57wyLxZ9ldojrRLQdUPHTlNK8ybmb6esPpx0fn6W6sn/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>

وغير روابط هذه التدوينة قابلة للنسخ واللصق حسب ما تريد ضهورة اسفل الروابط زمن الافضل تركة كما هو ، اراكم في تدوينة جديدة انشاء الله .