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

الـسـلام عـلــيـكـم ورحــمـة الله تــعــالـى وبــركــاتـه، كــيــف الــحــال شــبــاب ؟
فــي تــدويــنــة الــيــوم ســنــتــطــرّق لــكــيــفــيــة تــغــيــيــر صــورة تــعــلــيــق مـجـهــول لأفـاتــار ( Avatar ) أو صــورة أخــرى حـســب مــا شــأت...
طـبـعــا لا نـنـســى مـمـيــزات هــذه الإضـافــة حـيــث أنـهــا تـعـطــي رونــق خــاص لـلـمـدونــة وتــجـعـلـهــا مــخـتـلـفــة عــن غـيـرهــا، إليك صورة توضيحية :

لــن أطــوّل عـلـيــك ونــمـرّ مـبــاشـرة إلـى الــشـرح (سأضع طريقتان مختلفتان ...) :

اقرا ايضا :إضافة سلايد شو إحترافي (الإصدار الثاني)

مراحل تركيب الإضافة

1. أدخل إلى لوحة تحكم المدونة في بلوجر.
2. إختر قالب المدونة التي تود تطبيق الشرح فيها.
3. إضغط على تحرير HTML ( قم بأخد نسخة إحتياطية للقالب ).
4. إبحث عن الوسم </body> و أضف أحد الطريقتين فوقه :

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

بعد بحثك للوسم المذكور أعلاه، وكما أشرت ستضع الكود التالي فوقه مباشرة :

<script>
var oldSrc = '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35';
اقرا ايضا :إضــافـة تــقـيــيـم نــجـوم أســفـل مـواضــيـع مــدونـات بـلــوجـر
var newSrc = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihHpN5tQ4rQ_EhIW8dh7PyP_jh1dBdqgKAgAOqmiZp-LVBBtNvQxU4Acr5XfD_m64Pe_Q2Je9u8QaBUbnSq3hkyiFIb8RlDwqic9RzanXNWmCoqjGFf519yGUKiK4L3LO-imDnKG8Zdmg/s1600/blank-user-avatar.png';
$('img[src="' + oldSrc + '"]').attr('src', newSrc);
</script>

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

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

<script>
  setTimeout(b4teq_loadnewimg, 10000)
اقرا ايضا :إضافة تعليقات الفيسبوك لمدونات بلوجر
  function b4teq_loadnewimg()
  {
    var imgs = document.getElementsByTagName("img");
    var oldSrc = 'lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA';
    var newSrc = '3.bp.blogspot.com/-UNjtW9_9fcs/VrvrBJi_8CI/AAAAAAAABP4/jjFMkoCi6Ig/s1600/blank-user-avatar.png';
    for (var i = 0; i &lt; imgs.length; i++) {
      if (imgs[i].src.indexOf(oldSrc) > -1){
اقرا ايضا :إضافة تقييم بالنجوم أسفل مواضيع وصفحات مدونتك وبنتائج محركات البحث في بلوجر
        imgs[i].setAttribute('src', newSrc);
      }
  }}
</script>

الآن نأتي لشرح الأكواد :

ملاحظات وتفسيرات:

• المتغيران oldSrc و newSrc يتعلقان بالصور، فالأولى وكما هو واضح عن إسمها فهي خاصة بالصورة القديمة (الإفتراضية لبلوجر) المراد تغييرها، أما المتغير الثاني فهو للصور الجديدة التي تريدها أن تضهر مكان الصورة السابقة.
• ستجد في السطر الثاني العدد 10000 (أي عشر ثوان) والذي هو الوقت المنتضر لبذأ تنفيد عملية تغيير الصور.
• المتغير imgs (الموجود في الطريقة الثانية) دوره جلب جميع الصور الموجودة بالمودنة.
• ثم تأتي عملية فرز الصور (الوسم img) عن طريق التحقق من إسم الصورة  (if...) والذي هو oldSrv

المصدر : http://www.teqniweb.com/