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

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

والان نترككم مع كيفية تطبيق الإضافة

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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/AVvXsEjUIgUIakQighx6HwhDh8QiBjeZLhnGMD_kU4DXp5agyATJB2SXFpOsg_lQfRfPfQaR75-HnX8YW8d-Q20cEZJhlDAq_O3GuND8h7ElgkuAShI6YcSIWBx3LaarPmB_2UjviOg0-s3T0wN_/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/AVvXsEiFo6uM-SvLTkbfJKB4n2lwj_4_cVvn08wsv4dnYh4HIsvZmqw4YY1AuzrnvydJh0M4-KAP2Amw95rk0xNZ08tp0-yIkUtM844js7aABc9nb6wpKfK_76Pfq5es6qZRcc4p3Ry-spY1iaX4/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/AVvXsEjmdOC9z5lzUTHKhfl-ZO3hNAAF33CZk_g5IeveBrScnJ6DLV349s035TA5BUSuiF-zh8j3_kIeo01NmVoKzbTcSqqLUIxsZTa4lx1Ooo2RjocGbHsIoq0HOroYxYAFJVtfX-zjBlvjkshj/s1600/gradhover.png') repeat-x;
color: #339;
}
#table a:hover {
text-decoration:underline;
}

والآن قم بالبحث عن هذا الكود (إن وجدت منه أكثر الكثيير فالكود الأخير هو المقصود):

<data:post.body/>

ثم قم بوضع الكود التالي أسفله :

وأخيرا قم بحفظ القالب ،أتمنى أن تنال إعجابكم

لا يفوتك أيضاً :

كود Html اعلان نصى يفتح بمجرد مرور الماوس على الرابط

ان كان هناك أي نقطة غير واضحة او اي اسفسار او طلب يرجا ترك تعليق او مراسلتنا عن طريقا الفيسبوك وإلى اللقاء في درس اخر

رأيكم وتعليقاتكم .. تُشجع على تقديم الجديد والأفضل بـ إذن الله..

ولا تَنسوني من صالح دُعائكم ..^^

لا تنسوا الاشتراك

ان اعجبك الدرس لاتنسى مشاركته مع اصدقائك .

في أمان الله

اعلان

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