U3F1ZWV6ZTMwOTY2MDg5MDUzNjQxX0ZyZWUxOTUzNjA4NjYzOTM3OA==

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

اضافة الروابط الاوتوماتيكية أسفل كل تدوينة لمدونات بلوجر
اليوم في شرح جديد لقسم بلوجر في مدونة المحترف للمعلوميات سنقوم بشرح طريقة اضافة الروابط الاوتوماتيكية أسفل كل تدوينة , هذه الطريقة مفيدة جدا لمشاركة تدويناتك من قبل الزوار بكل سهولة و يسر , و ستكون على شكل جدول أسفل التدوينة على 3 صيغ : URL,HTML,BBCODE
و الان ما عليكم سوا متابعة الشرح و التطبيق :
1- اذهب الى لوحة التحكم > القالب  >  تعديل القالب ثم قم بالبحث باستخدام Ctrl +F عن الكود التالي :
]]></b:skin>
2- قم بوضع الكود التالي قبله مباشرة :
#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/AVvXsEjaEzA1pudzzG7X0BFoCwuGVVOcmqVYi2zjWBaIBiZXL7fBVeBidBF8YQ-HGfQR6IHzucbpMQbHMaUXo6ZziE5VCc2Gdgktebx360mWq3q5xZkjPR7UMn9d20WggsbXQodMWOC8Lv6nIDgq/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/AVvXsEidfPKZS2pHt1gVVvDkgSqRf2IXQU-ebC1ZJQIzN3pUr74fe-jYV1PpVkPy_g-w2d6E-U8j7a95Gom4j7tKZPa06s8u-qhcop6ONGyWcb39H3ur3rhXamB8BGHpFXvQImeMl8jLgCgSlaIn/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/AVvXsEhXSvApBLDWoYOP-VfmSVfdGWATqZxs7q4-PwqF4g7r7AGWAfrNEXBguajFL9wS9szZR0Au9Wi2jmLIfwaswlmF30GEPXSRoZ1L64qIFiu3a4Lknz_-vxC1s-gTSMpZxfMiE99h27nl7Foq/s1600/gradhover.png’) repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}
3- قم بالبحث عن الكود التالي : ( ان وجدت اكثر من كود نفس الشيء الكود الاخير هو المقصود )
<data:post.body/>
4- ثم ضع هذا الكود التالي اسفله مباشرة :
<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>
و اخيرا احفظ القالب و شاهد النتيجة في مدونتك , لمن لديه اي استفسار او مشكلة سنجيب عليه في التعليقات ان شاء الله , بالتوفيق للجميع .
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي
----------------------------------
* بإمكانك إدراج الأكواد الغير قابلة للنشر بتحويله عبر محول الأكواد

الاسمبريد إلكترونيرسالة

تابعنا عبر الفايسبوك
مساحة إعلانية