إدراج صور المعلقين في التعليقات  المجهولة

بسم الله الرحمن الرحيم

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

  إليكم الشرح : 

كيفية إدراج صور المعلقين في قوالب بلوجر القياسية :

1. توجه إلى إعددادات > تعليقات ومن ثم إختر' نعم' لإظهار صور مع التعليقات > إحفظ التغييرات .


2. قم بزيارة أي موضوع على مدونتك به تعليقات لمعاينة صور المعليقين .

1.2 إن لم تظهر صور المعلقين في التعليقات فتوجه إلى التبويب : التخطيط > تحرير الـ HTML.
أسفل صنوق تحرير HTML قم بالنقر على : الرجوع إلى الإعدادات الافتراضية لقوالب عناصر واجهة المستخدم .

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

2.2 تفحص الآن تعليقات وستجدها إن شاء الله مرفقة بصور معلقيها .

* قالب قياسي هو من إخترته عند إنشاءك لمدونتك وأيضا يمكن التحويل اليه من خلال التوجه إلى التبويب : التخطيط >
إختر قالبا .

كيفية إدراج صور المعلقين في قوالب بلوجر الحديثة :

هنا أذكر طريقتين بحيث الأولى هي العملية لحد الآن مع عموم قوالب بلوجر وهي لسفيان صاحب مدونة المدون Leblogger الفرنسية أما الطريقة الثانية ،الحمد لله وصلت إليها بإجتهاد مني علما أن الطريقة الأولى لم تكن عملية مع قالب مدونتي رغم أنها نجحت مع قوالب أخرى من تعريبي.

  الطريقة الأولى :  

1. قم بنفس الخطوة (1) فيما ذكرناه عن طريقة القوالب الكلاسيكية .
2. توجه إلى التبويب : التخطيط > تحرير HTML .
قم بتنزيل نسخة من قالبك 'تنزيل قالب كامل' وهذا تفاديا لأي مشكل يحدث لمدونتك اثناء تطبيقك لهذه الطريقة.
1.2 قم بتوسيع قوالب عناصر واجهة المستخدم ثم ابحث عن هذا السطر من الكود داخل محرر HTML :

<dl id='comments-block'>

(ممكن تجد كود مشابه له:<div id='comments-block'>)

استبدله بهذا السطر:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

تنويه: إذا وجدت DIV في كود قالبك مثل ما ذكرت في الملاحظة أبق عليها وغير الباقي مثل ما أشرت.

2.2 - إبحث عن هذا السطر من الكود :

<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'>

<data:comment.authorAvatarImage/>

</b:if>

ملاحظة :إذا كان قالب مدونتك به خاصية تمييز رد المؤلف (صاحب المدونة) عن باقي المعلقين (تظليل التعليق) فإبحث مرة أخرى عن السطر :

<a expr:name='data:comment.anchorName'/>

ثم ضف له الكود الأخير .

3. إحفظ القالب وقم بمعاينة للتأكد من ظهور صور معلقي مواضيعك .

  الطريقة الثانية :  

1. قم بنفس الخطوات 1 و 2 عدا البحث .
ابحث عن السطر من الكود :

<b:if cond='data:comment.authorUrl'>

2. مباشرة فوقه ضف الكود الآتي :

<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'>

<data:comment.authorAvatarImage/>

</b:if>

3. إحفظ القالب وقم بزيارة أحد مواضيعك (بها تعليقات ) للتأكد من ظهور صور معلقي مواضيعك .
1.3 إن لم تلاحظ ظهور الصور فأعلم أن هذه الطريقة لا تعمل مع قالب مدونتك وعليك تجريب الطريقة الأول .
2.3 إن ظهرت صور المعلقين لكن فوق أسمائهم فهنا المشكل بسيط وحله في ما يلي :

قم بإضافة هذا الكود قبل :

.avatar-image-container img {

float:right;

margin-left:5px;

}

4. إحفظ القالب والآن سترى أن المشكل قد حل بإذن الله. ملاحظة :
1 .بالنسبة لصور المعلقين تظهر وفق ما ضبط في ملف التعريف بهم (البروفايل) وإن لم توجد صور فوضع الصورة بالنسبة لأصحاب حسابات جوجل بلوجر يأخذ شكل أما بالنسبة للوردبرس ،Livejournal , typad ,OpenID،،، فتأخذ شعار الـ OpenID أما التعليقات المجهولة (دون حساب معروف مما سبق ) فتظهر دون صورة ولهذا يمكننا إضافتها في جزء CSS للمدونة على النحو الآتي :

إبحث عن :

ضع هذا الكود قبلها :

.avatar-image-container img {

background:url(http://i860.photobucket.com/albums/ab162/LeBloggerTemplate/AvatarBlogger.png);

width:35px;

height:35px;

}

يمكنكم تعديل حجم الصور من خلال تغيير القيم في العرض والإرتفاع باللون الاحمر حسب صورتك.

2. بالنسبة لمن ليس لهم صور في ملف تعريفهم فيمكنهم إضافة صورة لتعليقهم وهذا بعد كتابة التعليق ومن ثم النقر على المعاينة > إضافة صورة إلى الملف الشخصي .فتظهر بدل ايقونة شعار البلوجر .
(تأكد من أن إعدادات موضع نموذج التعليق : تضمين الرسالة أدناه)

المراجع : Blogger Buzz - Le Blogger - BlogBuster