الان في المدونة

الأحد، 14 أغسطس 2011

طريقة تمييز تعليقاتك عن تعليقات زوارك في مدونات Blogger

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


الخطوة الأولى : من لوحة التحكم >> من تبويبة "تصميم" >> "تحرير HTML" :



الخطوة الثانية : التأشير على "توسيع قوالب عناصر واجهة المستخدم" :


الخطوة الثالثة : البحث عن الكود التالي بإستخدام Ctrl + F :

</head>

الخطوة الرابعة : نضع الكود التالي قبل الكود السابق :


<!--Commentaires_Auteur_du_Blog-->
<style>
.comment-body-author {
background: #F5EDE3;
color: #000000;
border-top:0.1px solid #F5EDE3;border-bottom:0.1px solid #F5EDE3 ;border-left: 0.1px solid #002F66;border-right:0.1px solid #F5EDE3;
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; 
}
</style>
<!--Commentaires_Auteur_du_Blog-->

يمكنك تعديل القيم الملونة باللون الأحمر وبالنسبة للألوان فيمكن معرفة كود كل لون من خلال الرابط التالي :
طريقة الحصول على CODE الألوان , يساعد على ضبط ألوان إعلانات ADSENSE
background : وهو المسأول عن لون الخلفية , قم بإدراج كود اللون الذي يعجبك .
color : وهو المسؤول عن لون نص التعليق , قم بإدراج كود اللون الذي يروق لك .

أما الكود التالي فهو المتحكم الاساسي بلون وسمك إيطار التعليق الخاص بك :


border-top:0.1px solid #F5EDE3;border-bottom:0.1px solid #F5EDE3 ;border-left: 0.1px solid #002F66;border-right:0.1px solid #F5EDE3;


الشكل النهائي بالصور :




الخطوة الخامسة : البحث عن الكود التالي وإضافة ما لون باللون الاحمر :



<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

الشكل النهائي : 




مع ملاحظة أنه يجب إضافة : </b:if> كما في نهاية الصورة


ومن ثم قم بحفظ القالب , وبهذا تعليقاتك القديمة والمستقبلية قد تم تمييزها عن تعليقات زوارك .







في حال كان هناك غموض أو إستفسارات فقم بإدراجها في التعليقات , تمنياتي لكم بالتوفيق :)

0 التعليقات:

إرسال تعليق

Twitter Delicious Facebook Digg Stumbleupon Favorites More