إضافة صورة الملف الشخصى للتعليق " غير معروف " على مدونات بلوجر

عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته ،غالبا ما تكون التعليقات من طرف أشخاص غير معروفين وذلك بكتابة مكان إسم صاحب التعليق كلمة " غير معروف " حيث لا يتضمن صورة الملف الشخصي بجانب التعليق ،و في هذا الدرس سوف نتعرف على كيفية وضع صورة للملف الشخصي للمعلقين الغير المعروفين وذلك لجعل التعليقات أكثر تنسيقا وتميزا ولمعاينة الأمر قبل تطبيقه على مدونتك قم بالدخول لأي تدوينة من مدونتي ثم توجه إلى التعليقات سوف تلاحظ أن الأشخاص الذين لم يختارو صورة ملفهم الشخصي وكذلك الأشخاص الغير معروفين يظهرون بصورة شخص خفي .
إذا كانت مدونتك تتوفر على الأداة الخاصة بوضع صورة الملف الشخصي للمعلقين سوف تقوم بالخطوات التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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>
أتمنى أن تكونو قد إستفدتم من هذا الدرس ،في إنتظار إستفساراتكم دمتم بألف خير

هناك 55 تعليقًا:

  1. مبدع اخي العزيز واتمنى مراجعة جميع المواضيع, واكيد جار التطبيق وشكرا لك.

    ردحذف
  2. السلام عليكم ورحمة الله
    جزاكم الله كل خير على جهودك المتواصلة
    بارك الله فيك واعزك
    تحياتى لك

    ردحذف
  3. لى سؤال اخى الكريم لو سمحت
    ارى صورة المعلقين وتحتها اضافة رد بشكل جديد رائع
    اسال عن طريقة اضافتها فى بلوجر ايضا

    جزاك الله خيرا

    ردحذف
  4. شكرا لك اخي الكريم

    ردحذف
  5. رائع أخي الغالي أبو أياد

    ردحذف
  6. مبدع دائما أخ أبو إياد

    ردحذف
  7. غير معرف10:55 ص

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  8. أزال المؤلف هذا التعليق.

    ردحذف
  9. الله ينور يا ابو اياد على الاضافة الرائعه دى

    ردحذف
  10. انا طبقت خطواتك يا ابو اياد

    بس سؤال

    هل هتظهر الصوره دي في التعليقات اللي قبل كده

    ولا التعليقات الجديده

    بشكرك على الطريقه

    ردحذف
  11. شكرا لك سوف يوضع هذه الاداة في مدونتي
    http://lt5at.blogspot.com/

    ردحذف
  12. مشكور حبيب قلبي و جاري التعديل عليه شوي

    ردحذف
  13. تم القي نظره وقولي رايك http://group-al-hagess.blogspot.com/2010/12/speed-handling.html

    ردحذف
  14. @AL-HAGESS.VIP
    ممتاز ،حيث أنني لاحظت أن أغلب التعليقات لديك بالمدونة من أشخاص غير موعروفين ، لذلك كانت هذه الإضافة مهمة لمدونتك

    ردحذف
  15. ابو اياد انا عملتها عندي بس مظهرش حاجه

    ردحذف
  16. @Dr/ walaa salah
    تأكدي من إعدادات--> تعليقات إظهار صور الوضع على التعليقات؟ إختاري "نعم"

    ردحذف
  17. هي معموله فعلا كده يا ابو إياد

    بس مش عارفه ليه مظهرش

    ردحذف
  18. @Dr/ walaa salah
    حيانا تكون بعض الإضافات هي السبب في عدم عمل الإضافة حيث تكون تلك الإضافات تحتوي على كود تم وضعه قبل الوسم b:skin لذلك حاولي أن تضعي كود الأداة قبل 2 أو 3 أكواد التي قمت بوضعها سابقا قبل الوسم b:skin
    بالتوفيق

    ردحذف
  19. إضافة مهمة جداً فكثيراً ما أجد هذا السؤال عن مدونتي و مدونتك و أخرين أيضاً
    دمت بكل ود :)

    ردحذف
  20. معلومة مهمة
    ألف شكر لك

    ردحذف
  21. أخي الكريم، بالنسبة للطريقة الأولى، لم أفهم جيدا، فأنت لم توضح الكود المبحوث عنه، فقط أعطيت الكود الذي يجب أن يكون قبله..

    سأعطيك الكود الذي وجدته من خلال تتبعي للخطواتك، لكن، لا اعلم أين سأضع الكود البديل..


    }

    .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);
    }

    ردحذف
  22. @خالد أبجيك
    عفوا أخي لقد كان سهوا مني لقد نسيت وضع الكود المبحوث عنه لأنني قمت بالتعديل على الموضوع يوم أمس من دون أن أنتبه ، لقد تم تصحيح الأمر ،وشكرا لك على تنبيهك

    ردحذف
  23. اخى الفاضل ابو اياد قومت باتباع هذا الطريقة ولكن للاسف لاتظهر اى صورة
    فهل من حل اجده عندك؟؟

    وهذا صورة توضحية
    http://www.ii1i.com/uploads6/168d8ef59c.png

    وفى انتظارد عودتك ورد
    دومت فىى رعيات الله ومانه

    ردحذف
  24. @MYEGY الاختلاف و التميز
    السلام عليكم ، لقد تم حل مشلكلة عدم ظهور صورة التعليق بقالبك ،تفضل قم بتحميله من هنا

    ردحذف
  25. @أبو إياد

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

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

    ردحذف
  26. @MYEGY الاختلاف و التميز
    لا شكر على واجب أخي الكريم ومبروك عليك الإضافة :D

    ردحذف
  27. عليكم السلام ورحمة الله
    درس رائع بارك الله فيك اخي
    سلمت يداك

    ردحذف
  28. شكرا لك جاري التجريب

    ردحذف
  29. اخي ابو اياد لن تظهر لي الصوره المعلق الغير معروف تركيب القالب الجديد
    فقط ظهرت لي صورتي انا فقط
    مثال
    http://img3.imageshack.us/img3/5377/30122010015638.png

    ارجو ان تكون عارف الحل

    ردحذف
  30. @AL-HAGESS.VIP
    أخي الكريم إن الكود الأول هو المسؤول عن إظهار صورة الغير معروف ،حيث يتم وضع هذا الكود قبل الوسم b:skin كما هو مبين في أول الموضوع لذلك يمكن أن تكون الإضافات الأخرى الموجودة بمدونتك هي السبب في تعطيل الكود حيث أن تلك الإضافات تحتوي كذلك على أكواد قد قمت بوضعها سابقا قبل الوسمb:skin ،لذلك حاول أن تقوم بلصق الكود قبل 2 أو 3 أكواد الذين يوجدون قبل الوسم b:skin والتي تعود هذه الأكواد لإضافات أخرى
    بالتوفيق

    ردحذف
  31. اخي لم ينجح الامر :(
    لازم حل لاهذه المشكله لانه ضروريه جدا لييي :(

    ردحذف
  32. @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>
    ثم إحفظ القالب

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

    ردحذف
  34. أزال المؤلف هذا التعليق.

    ردحذف
  35. اخي ابو اياد لم اجد الكود كاملا

    فقط لقيت

    cond='data:blog.enabledCommentProfileImages'>

    و قمت باستبداله و لم ينجح الامر

    ردحذف
  36. شكراً جزيلاً على الموضوع الرائع
    ولكن لدي مشكلة
    الصورة تأكل من الأسم؟!؟!؟!

    ردحذف
  37. أزال المؤلف هذا التعليق.

    ردحذف
  38. شكرا ابو اياد لكن انا مش عندي

    ]]



    مش عارف أذي

    8-} ؟!

    ردحذف
  39. أزال المؤلف هذا التعليق.

    ردحذف
  40. شكرا أستادي الفاضل
    سانقل موضوعك هدا لتعم الفائدو أتمنى ان لا تمانهع الله يخلبيك شرفني بزيارة
    www.9odwa.blogspot.com

    ردحذف
  41. شكرا لك يا ابو اياد
    منتديات معانا تو دى
    http://www.m3ana2day.com/vb

    ردحذف
  42. أخي الكريم أبو أياد الكود عندي بهاذا الشكل ]]> هل هو نفسة ]]

    ردحذف
  43. السلام عليكم
    إضافة رائع يعطيك العافية عليا
    لكن صارت لي مشكلة شوف كيف يصير الصورة تجي فوق الرد
    http://kitkat523.blogspot.com/2011/12/blog-post_21.html#comment-form

    ردحذف
  44. شكرا لك على المجهود

    ردحذف
  45. غير معرف5:37 م

    اريد اعرف كيف اضع صورة بجانب تعليقي في الياهو وليس في مدونة بلييييييييييييييييز؟

    ردحذف
  46. حضرتك كاتب ابحث عن الاكواد لاتوجد في مدونتي فما هو العمل وشكرا

    ردحذف
  47. @Nour aldeen alzaim

    قم بارسال قالبك لنا من خلال نموذج الاتصال وسنعمل عليه ان شاء الله بأقرب وقت

    ردحذف
  48. اخ محمد جلال ممكن تتواصل معي على البريد الالكتروني
    nouraldeenazlaim@gmail.com
    لدي عدة استافسارات وبمقابل

    ردحذف
    الردود
    1. اهلا وسهلا نور. قمت بمراسلتك على هذا البريد ولكنه يرد علي برسالة انه غير موجود.قم بمراسلتى من هنا من بريد اخر engglal@gmail.com

      حذف
  49. تم ارسال الايميل وشرح كامل وشكرا جزيلا

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية