03:18:20PM

  

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

مرسلة بواسطة روح و ريحان يوم الجمعة 0 التعليقات

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


كيفية تركيب هذه الإضافة ؟
1- انتقل إلى لوحة التحكم القالب، ثم تحرير "HTML".
لا تنسى أخذ نسخة احتياطية من القالب
2- ابحت عن :
]]></b:skin>
3- ثم ضع الكود التالي فوقه
#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/AVvXsEgb6kzJ0n2tjn2JQF3eWOR8K9uViIT-BGL4timpAXpA2dw7w1a-C8TwclDur4mNfegl24HiBNpXguBl9qIbxSZoxc_W9xbkU_kzgug0gfs53aZy_M2vks9Rck95ru00H47glZXIEHpkh_Qs/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/AVvXsEizc08v2Gc4c7I_wyntSS9dd6cIhrSECTWd8rvA5gRB7onBgmW5B_58n4RMBtyioFRmDbCb_ItwT_oyErdUMQObbYCXj7uKnV1ViHELfVkLuGITVFdUibMA-UzeLWJvNqy9HqC4itbMxG-a/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/AVvXsEjsW4FQL9H4tvJZEm65YG3Y5XILH_8ivmRh3tLlksmagp0_XuqyPHKGl6Kt4NeooDNZQn3J_BOqo4xgbY-5_KXfjhRhVjTeSnJo_vW8So3u1dJwDao0ELM_Fg46iq3oEY4F-_YdYQH8gSW7/s1600/gradhover.png')
 repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}
4- ثم قم بالبحث عن الكود التالي:
<data:post.body/>
إن وجدته أكثر من مرة فالأخير هو المقصود
5- ثم ضع الكود التالي فوقه
<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>
يمكنك تغيير العبارة باللون الأحمر الى عبارة تريدها
6- حفظ القالب. 
أتمنى أن تنال إعجابكم ولأي إستفسارالمرجو ترك تعليقاتكم
ساهم في نشر الموضوع للفائدة:


ساهم في نشر الموضوع للفائدة:

شارك الموضوع

تعليقات
0 تعليقات