عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته ،غالبا ما تكون التعليقات من طرف أشخاص غير معروفين وذلك بكتابة مكان إسم صاحب التعليق كلمة " غير معروف " حيث لا يتضمن صورة الملف الشخصي بجانب التعليق ،و في هذا الدرس سوف نتعرف على كيفية وضع صورة للملف الشخصي للمعلقين الغير المعروفين وذلك لجعل التعليقات أكثر تنسيقا وتميزا ولمعاينة الأمر قبل تطبيقه على مدونتك قم بالدخول لأي تدوينة من مدونتي ثم توجه إلى التعليقات سوف تلاحظ أن الأشخاص الذين لم يختارو صورة ملفهم الشخصي وكذلك الأشخاص الغير معروفين يظهرون بصورة شخص خفي .
إذا كانت مدونتك تتوفر على الأداة الخاصة بوضع صورة الملف الشخصي للمعلقين سوف تقوم بالخطوات التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
ملاحظة : الرابط ذا اللون الأزرق يمثل صورة الشخص المخفي ، حيث أن قياسها هو 64*64 فإذا أردت تغير الصورة بقياسات أخرى لا تنسى تغير القيم ذات اللون الأحمر بقياس الصورة المراد وضعها .
أما إذا كانت مدونتك لا تتوفر على الأداة الخاصة بوضع صورة الملف الشخصي للمعلقين سوف تقوم بزيادة الخطوات التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
ثم قم بوضع الكود التالي قبله :]]</b:skin>
ثم قم بحفظ القالب ..avatar-image-container {
background:url(http://www.gstatic.com/s2/profiles/images/silhouette64.png) no-repeat;
width:64px !important;
height:64px !important;
}
.avatar-image-container img {
width:64px !important;
height:64px !important;
border: 1px solid #cfcfcf;
display: block;
margin: 0 0 .8em;
}
ملاحظة : الرابط ذا اللون الأزرق يمثل صورة الشخص المخفي ، حيث أن قياسها هو 64*64 فإذا أردت تغير الصورة بقياسات أخرى لا تنسى تغير القيم ذات اللون الأحمر بقياس الصورة المراد وضعها .
أما إذا كانت مدونتك لا تتوفر على الأداة الخاصة بوضع صورة الملف الشخصي للمعلقين سوف تقوم بزيادة الخطوات التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
فإن لم تجده ، قم بالبحث عن الكود التالي :<dl id='comments-block'>
ثم قم بإستبدال أحد الأكواد الذي وجدتها بالكود التالي :<div id='comments-block'>
الآن قم بالبحث عن الكود التالي :<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
ثم قم بإستبداله بالكود التالي :<a expr:name='data:comment.anchorName'/>
أتمنى أن تكونو قد إستفدتم من هذا الدرس ،في إنتظار إستفساراتكم دمتم بألف خير<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div><font size="0"><a href=" http://www.pergola-aluminium.org"></a></font>
</b:if>
مبدع اخي العزيز واتمنى مراجعة جميع المواضيع, واكيد جار التطبيق وشكرا لك.
ردحذفالسلام عليكم ورحمة الله
ردحذفجزاكم الله كل خير على جهودك المتواصلة
بارك الله فيك واعزك
تحياتى لك
لى سؤال اخى الكريم لو سمحت
ردحذفارى صورة المعلقين وتحتها اضافة رد بشكل جديد رائع
اسال عن طريقة اضافتها فى بلوجر ايضا
جزاك الله خيرا
شكرا لك اخي الكريم
ردحذفرائع أخي الغالي أبو أياد
ردحذفمبدع دائما أخ أبو إياد
ردحذفأزال أحد مشرفي المدونة هذا التعليق.
ردحذفأزال المؤلف هذا التعليق.
ردحذفالله ينور يا ابو اياد على الاضافة الرائعه دى
ردحذفانا طبقت خطواتك يا ابو اياد
ردحذفبس سؤال
هل هتظهر الصوره دي في التعليقات اللي قبل كده
ولا التعليقات الجديده
بشكرك على الطريقه
شكرا لك سوف يوضع هذه الاداة في مدونتي
ردحذفhttp://lt5at.blogspot.com/
مشكور حبيب قلبي و جاري التعديل عليه شوي
ردحذف@AL-HAGESS.VIP
ردحذفممتاز ،حيث أنني لاحظت أن أغلب التعليقات لديك بالمدونة من أشخاص غير موعروفين ، لذلك كانت هذه الإضافة مهمة لمدونتك
ابو اياد انا عملتها عندي بس مظهرش حاجه
ردحذف@Dr/ walaa salah
ردحذفتأكدي من إعدادات--> تعليقات إظهار صور الوضع على التعليقات؟ إختاري "نعم"
هي معموله فعلا كده يا ابو إياد
ردحذفبس مش عارفه ليه مظهرش
@Dr/ walaa salah
ردحذفحيانا تكون بعض الإضافات هي السبب في عدم عمل الإضافة حيث تكون تلك الإضافات تحتوي على كود تم وضعه قبل الوسم b:skin لذلك حاولي أن تضعي كود الأداة قبل 2 أو 3 أكواد التي قمت بوضعها سابقا قبل الوسم b:skin
بالتوفيق
إضافة مهمة جداً فكثيراً ما أجد هذا السؤال عن مدونتي و مدونتك و أخرين أيضاً
ردحذفدمت بكل ود :)
معلومة مهمة
ردحذفألف شكر لك
أخي الكريم، بالنسبة للطريقة الأولى، لم أفهم جيدا، فأنت لم توضح الكود المبحوث عنه، فقط أعطيت الكود الذي يجب أن يكون قبله..
ردحذفسأعطيك الكود الذي وجدته من خلال تتبعي للخطواتك، لكن، لا اعلم أين سأضع الكود البديل..
}
.avatar-image-container {
margin: .2em 0 0;
}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
border-top: dashed 1px $(widget.alternate.text.color);
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
.widget .zippy {
color: $(widget.alternate.text.color);
}
@خالد أبجيك
ردحذفعفوا أخي لقد كان سهوا مني لقد نسيت وضع الكود المبحوث عنه لأنني قمت بالتعديل على الموضوع يوم أمس من دون أن أنتبه ، لقد تم تصحيح الأمر ،وشكرا لك على تنبيهك
اخى الفاضل ابو اياد قومت باتباع هذا الطريقة ولكن للاسف لاتظهر اى صورة
ردحذففهل من حل اجده عندك؟؟
وهذا صورة توضحية
http://www.ii1i.com/uploads6/168d8ef59c.png
وفى انتظارد عودتك ورد
دومت فىى رعيات الله ومانه
@MYEGY الاختلاف و التميز
ردحذفالسلام عليكم ، لقد تم حل مشلكلة عدم ظهور صورة التعليق بقالبك ،تفضل قم بتحميله من هنا
@أبو إياد
ردحذفشكرا لك اخى الفاضل ابو اياد ولكنى اعلم جيدا ان كلمة الشكر اقل بكتير مما يجب ان اقوله لك ولكنى املك سوى هذا الكلمة البسيطة لكى اقولها لك
استمر فى ابداعك وتميزك دوما عن الاخرين
دومت فى رعيات الله وامنه
@MYEGY الاختلاف و التميز
ردحذفلا شكر على واجب أخي الكريم ومبروك عليك الإضافة :D
عليكم السلام ورحمة الله
ردحذفدرس رائع بارك الله فيك اخي
سلمت يداك
شكرا لك جاري التجريب
ردحذفاخي ابو اياد لن تظهر لي الصوره المعلق الغير معروف تركيب القالب الجديد
ردحذففقط ظهرت لي صورتي انا فقط
مثال
http://img3.imageshack.us/img3/5377/30122010015638.png
ارجو ان تكون عارف الحل
@AL-HAGESS.VIP
ردحذفأخي الكريم إن الكود الأول هو المسؤول عن إظهار صورة الغير معروف ،حيث يتم وضع هذا الكود قبل الوسم b:skin كما هو مبين في أول الموضوع لذلك يمكن أن تكون الإضافات الأخرى الموجودة بمدونتك هي السبب في تعطيل الكود حيث أن تلك الإضافات تحتوي كذلك على أكواد قد قمت بوضعها سابقا قبل الوسمb:skin ،لذلك حاول أن تقوم بلصق الكود قبل 2 أو 3 أكواد الذين يوجدون قبل الوسم b:skin والتي تعود هذه الأكواد لإضافات أخرى
بالتوفيق
اخي لم ينجح الامر :(
ردحذفلازم حل لاهذه المشكله لانه ضروريه جدا لييي :(
@AL-HAGESS.VIP
ردحذفجرب عمل الخطوات التالية :
قم بالبحث عن الكود التالي :
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
ثم قم بإستبداله بهذا الكود
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
<b:else/>
<img src="http://www.bikeweeks.info/images/avatar_anonymous.jpg"/>
</b:if>
ثم إحفظ القالب
والله يا ابو اياد امتعتنا واسعدتنا وافادتنا بشرح الجميل المبسط وجعلتنا نطمع في المزيد من كرم اخلاقك وتواضعك في سرد المزيد من الدروس الهائلة هذة .
ردحذفكنت هنا وودت لقائك .
اخوك محمد الغمراوي
أزال المؤلف هذا التعليق.
ردحذفاخي ابو اياد لم اجد الكود كاملا
ردحذففقط لقيت
cond='data:blog.enabledCommentProfileImages'>
و قمت باستبداله و لم ينجح الامر
شكراً جزيلاً على الموضوع الرائع
ردحذفولكن لدي مشكلة
الصورة تأكل من الأسم؟!؟!؟!
أزال المؤلف هذا التعليق.
ردحذفشكرا ابو اياد لكن انا مش عندي
ردحذف]]
مش عارف أذي
8-} ؟!
أزال المؤلف هذا التعليق.
ردحذفشكرا أستادي الفاضل
ردحذفسانقل موضوعك هدا لتعم الفائدو أتمنى ان لا تمانهع الله يخلبيك شرفني بزيارة
www.9odwa.blogspot.com
شكرا لك يا ابو اياد
ردحذفمنتديات معانا تو دى
http://www.m3ana2day.com/vb
أخي الكريم أبو أياد الكود عندي بهاذا الشكل ]]> هل هو نفسة ]]
ردحذفالسلام عليكم
ردحذفإضافة رائع يعطيك العافية عليا
لكن صارت لي مشكلة شوف كيف يصير الصورة تجي فوق الرد
http://kitkat523.blogspot.com/2011/12/blog-post_21.html#comment-form
شكرا لك على المجهود
ردحذفاريد اعرف كيف اضع صورة بجانب تعليقي في الياهو وليس في مدونة بلييييييييييييييييز؟
ردحذف=))
ردحذفشكرا
ردحذفحضرتك كاتب ابحث عن الاكواد لاتوجد في مدونتي فما هو العمل وشكرا
ردحذف@Nour aldeen alzaim
ردحذفقم بارسال قالبك لنا من خلال نموذج الاتصال وسنعمل عليه ان شاء الله بأقرب وقت
اخ محمد جلال ممكن تتواصل معي على البريد الالكتروني
ردحذفnouraldeenazlaim@gmail.com
لدي عدة استافسارات وبمقابل
اهلا وسهلا نور. قمت بمراسلتك على هذا البريد ولكنه يرد علي برسالة انه غير موجود.قم بمراسلتى من هنا من بريد اخر engglal@gmail.com
حذفتم ارسال الايميل وشرح كامل وشكرا جزيلا
ردحذفنقدم شركة العربي للخدمات المنزلية خدماتها في مجال الكشف عن تسربات المياه وتسليك والمجاري وشفط البيارات
ردحذفشركة كشف تسربات المياه
شركة تسليك مجاري
شركة شفط بيارات
تقدم شركة العربي للخدمات المنزلية خدماتها في مجال تنظيف المنازل والفلل و جلي البلاط
ردحذفشركة تنظيف منازل وفلل بحائل
شركة تنظيف بحائل
شركة جلي بلاط بحائل
ردحذفلو بتدور على مصنع طوب يكون تمام ميه ميه
اختار شركة الفرج عندهم كل حاجه وبافضل اسعار
مصانع الطوب الوردىب افضل اسعار الطوب الوردى فى مصر وكمان
اسعار الطوب الاحمر فى افضل مصانع الطوب الاحمر فى مصر
و مصانع الطوب الاحمر مصانع الطوب الاحمر بالجيزة
وعندهم افضل اسعار الطوب الاسمنتى فى مصر باحدث مصانع الطوب الاسمنتى
ومصنع انترلوك بافضل اسعار الانترلوك و اسعار الطوب الابيض
فى مصر
فكرة ممتازه هل يمكن تطبيقها هنا
ردحذفأكاديمية ام امير الجنسية
كيف اعلق دون اسم لانه في بعض المدونات عند التعليق يطلب حساب قوقل اومعرف!
ردحذف