+ + + + +
Share/Save/Bookmark

2008-09-11

تمييز تعليقك عن تعليق الزائرين !!



ملاحظة : تم التحديث نظرا لبعض الشكاوى من عدم فعالية الطريقة , وهذا نظرا لاختلاف بعض القوالب الجاهزة من حيث التصميم والاكواد , تم التحديث بتاريخ : 22/12/2009

طريقة جديدة تقدر بيها تميز تعليقك من بين تعليقات الزائرين الكتييييييرة جدا , ده لو كنت من اصحاب المدونات الشهيرة لا سمح الله او كان نظرك ضعيف فمش بتقدر تشوف تعليقك , او اى سبب تانى , المهم
ادخل المدونة
روح على صندوق الاكواد ومساره كالتالى
dashboard > template > layout > editHTML او ما يقابله باللغة العربية
اضغط على البوكس الصغير اسمه
Expand Widget Templates

ابحث عن الاكواد الخاصة بالتعليقات ( هاتلاقي الفترة الخاصة بالتعليقات اسمها comments غالبا ) وضف لها القطعة التالية فى المكان المناسب


.author-comments {
background: #CC3300;
border: 2px solid #666666;
padding: 5px;
}


وبعد كده ابحث عن الكود التالى باللون الاخضر , وضيف اليه القطع المكتوبة باللون الاحمر



<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<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>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>




وطبعا ممكن تغيركود اللون باى كود لون اخر ( ممكن تدور هنا ) . او تضيف بعض الخصائص من عندك .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

11 اضف تعليق , التعليقات:

$PIDER-M@N said...

مرحبا أخي العزيز أنا قمت بوضع الكود كما مطلوب و لكن لم تتغير كافه التعليقات أتمنى أن توضح ماذا أفعل

علما أن صندوق الأكواد وافق على الكود

بس لا يوجــــد نتائـــج



:)
شكرا

ليمو said...

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

Adamin said...

اخوي وائل وين اضعها بالضبط

خالد محمد (ابوخلود) said...

كود التعليقات اضفته عندي بس ما فيه فائدة يعني ما غير اي شي عندي ممكن تفهمني اكثر
http://arab-editors.blogspot.com/

خالد محمد (ابوخلود) said...

اخي الكريم
ممكن تفهمني كيف اقوم بتمييز تعليقاتي عن الاخرين حيث انني صاحب مدونة المحررون العرب ، وكيف اقوم بتغيير حجم الخط يعني اريد ان اجعله كبير شويه
انظر رابط مدونتي المحررون العرب ولاحظ التعليقات صغير اد ايه
http://arab-editors.blogspot.com/

بطوط حبوب said...

الكود مشتغلش عندى برضه

Wael said...

لكل اللى اشتكى من عدم فاعلية الطريقة فى القالب بتاعه , انا عملت تحديث للموضوع
ياريت لو حد نفذه يبقا يسيب تعليق

بطوط حبوب said...

د وائل انا فهمت الغلطه وصلحتها الحمد لله واشتغل زى الفل بس فى حاجه معرفش دى ممكنه ولا لأ الصوره هتوضح وسيبك من الكومنت اللى فوق انا خلاص صلحتها

http://up4.m5zn.com/9bjndthcm6y53q1w0kvpz47xgs82rf/2009/12/25/11/ikrq0rf8x.png

الفكره انى عاوز ادخل اسمى جوا البوكس بتاع الكومنت
معلش بتعبك معايا

Wael said...

بطوط حبوب
**********

بص , بدل الاكواد اللى عندك فى القالب بالاتى :

.author-comments {
background:#FAF8CC none repeat scroll 0 0;
border:0 solid #666666;
color:#CC0000;
font-size:18px;
font-weight:bold;
margin:0;
width:100%;
}

ده هايعمل محاذاه فى الفايرفوكس بين كلمة بطوط وبين الكلام اللى تحتها, مش عارف الانترنت اكسبلورر هايشتغل فيه ولا لأ

لكن كلمة بطوط حبوب هاتفضل باللون الابيض , لو عايزها باللون الاصفر زى كلام التعليق هاتضيف الكود الاتى : ربما يشتغل

.comment-author vcard{
background:#FAF8CC none repeat scroll 0 0;
}


والله اعلم

بطوط حبوب said...

د وائل شكرا جدااااا وجزاك الله خيرا

محمد موسى said...
This comment has been removed by the author.
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات