اضافة (روابط هذا الموضوع) اسفل كل تدوينة لبلوجر

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

اخواني الكرام اقدم لكم اليوم اضافة جديد لمدونات بلوجر وهي عبارة عن اضافة روابط التدوينة اسفل كل موضوع في المدونة كما هو مبين في الصورة بالاعلى صندوق يحتوي على رابط الموضوع واخر على رابط HTML.

حيث تستطيع ان تدع زوار مدونتك ومتابعيها بنشر الموضوع في مدوناتهم او المنتديات او اي مواقع اخرى لتركيب الاضافة.

اذهب الى لوحة تحكم مدونتك ثم تصميم تم اختر تحرير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(‘http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/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(‘http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/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(‘http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/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>

الان بعد اضافة الكود قم بحفظ القالب وشاهد الاضافة وفي النهاية اتمنى ان تكون الاضافة قد نالت اعجابكم اخواني

واى طلب او استفسار اترك تعليق او راسلني