اليوم في شرح جديد لقسم بلوجر في مدونة المحترف للمعلوميات سنقوم بشرح طريقة اضافة الروابط الاوتوماتيكية أسفل كل تدوينة , هذه الطريقة مفيدة جدا لمشاركة تدويناتك من قبل الزوار بكل سهولة و يسر , و ستكون على شكل جدول أسفل التدوينة على 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 == "item"’>
<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=’"<a href=&quot;" + data:post.canonicalUrl + "&quot; title=&quot;" + data:post.title + "&quot;>" + data:post.title + "</a>"’ onclick=’this.focus(); this.select();’ readonly=’readonly’ style=’width: 560px;’ type=’text’/></td>
</tr><tr>
<td>BBCode</td>
<td><input expr:value=’"[url=" + data:post.canonicalUrl + "]" + data:post.title + "[/url]"’ onclick=’this.focus(); this.select();’ readonly=’readonly’ style=’width: 560px;’ type=’text’/></td>
</tr>
</table> </b:if>
و اخيرا احفظ القالب و شاهد النتيجة في مدونتك , لمن لديه اي استفسار او مشكلة سنجيب عليه في التعليقات ان شاء الله , بالتوفيق للجميع .
إرسال تعليق
تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ))
----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي
----------------------------------
* بإمكانك إدراج الأكواد الغير قابلة للنشر بتحويله عبر محول الأكواد