اليوم سوف نتعرف على كيفية إضافة الروابط الأوتوماتيكية لتدوينات بلوجر تحت كل موضوع ،حيث يُعرض على شكل جدول أسفل كل تدوينة ويتضمن روابط المقال على شكل 3 صيغ : URL,HTML,BBCODE
والان نترككم مع كيفية تطبيق الإضافة.
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2zZGJX2-QvV4ADy8p-z8gmxmAvsTRH98ARcSlxU6rqjyQETdqpofQwIk-ddyuPte1Yvwnn7gMEMI39RNYtXd7NdMVr0tchgIujy1T9XYJ3ilQONBZSRUOzm7j1xJHbqSrW1u63G4a0Eif/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/AVvXsEjF9MmWFdbHq1SbpGpDpysn0w2-yln6AD9kn9O7xXpvUdvppHjj6WR-H4SX8rvTBhT7okCie66xB_br44piBoos2xyAvKhkG5I1tdWd9e7lJHB_RnsUuUwTbxg554RFTz8oVJ3UUUqGjm0a/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/AVvXsEi3sGD9Y0uGem3l3ziIfmS4gpGKM3Wu8U1nu4OZkzT-7DBp8uDVKWzz8vbQ_pT2mpkTZmgTQNq0YicpcQlPuEpPMc0HP-bbuwhcertR8SgM-ucfCmGdRtksm9n-5hTVMwzzWADg7REDO25V/s1600/gradhover.png') repeat-x;color: #339;}#table a:hover {text-decoration:underline;}
ثم قم بوضع الكود التالي أسفله :<data:post.body/>
<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>
وأخيرا قم بحفظ القالب ،أتمنى أن تنال إعجابكم ولأي إستفسارالمرجو ترك تعليقاتكم .
ليست هناك تعليقات:
لا تذهب دون أن تترك تعليقك على الموضوع
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.