Меняем аватар анонимным комментаторам

Меняем аватар анонимным комментаторам

Если вы решились на доработку своего шаблона, то откройте редактор шаблона (Дизайн->Изменить HTML) и перед закрывающим тэгом </head> вставьте следующую строку:

1 <script src='http://code.jquery.com/jquery.min.js' type='text/javascript'/>
2</head>

* Если перед тэгом </head> уже имеется ссылка на скрипт jquery.min.js, то дублировать ее не стоит. Достаточно одного указания на библиотеку jQuery.



  <script type="text/javascript">
   if(document.getElementsByClassName == undefined) {
   var anons = $('#comments').find('.avatar-image-container')
}  else {
  var anons = document.getElementById('comments').getElementsByClassName('avatar-image-
   container')
 for (key in anons) {
   var anon = anons[key]
 if (anon.innerHTML) {
1 anon.innerHTML = anon.innerHTML.replace(/http:\/\/img1.blogblog.com\/img\/anon36.png/g, 12 'https://lh6.googleusercontent.com/-sYSp9fSn-ZI/Tz66zt0V3sI/AAAAAAAAAec/
 eEVaABAmgL4/s36/anonymous-avatar.gif')
}
}
</script>
</body>

Обратите внимание на строку c подсведской). В ней имеются две ссылки на две картинки. Первая (с "лишними" слэшами) на стандартный аватар-заглушку - ее не трогаем. Вторая ссылка на ту картинку, которой вы хотите заменить оригинал - ее можете смело менять. Единственное, учтите, когда будете разрабатывать свой аватар-заглушку, что размер картинки должен быть 36px*36px.