Привет всем! Сегодня опять будем стилизировать блог. Наверняка Вам надоедают стандартные аватарки, где бы они не были: в соц сетях, в различных форумах, в блогах. Почему они многим не нравятся? Кто знает, мне лично всё-равно, какие аватарки в том или ином форуме - я всегда загружаю свой.
Однако есть юзеры, которые не загружают и вообще не заморачиваются этим вопросом. Но блоггеры, ведь, люди стильные, и не оставят без красивой авы - никого! Если вы считаете себя блоггером, то этот код для Вас.
Начнем-с!!! Для начала входим в админку Blogger. В левой колонке нажимаем Шаблон, а затем Изменить HTML.
Ищем в коде строчку при помощи CTRL+F или опускаемся в самый и находим
</body>
Перед перед этим тегом вставляем вот такой код
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmyCsxK7WC5_gjUzTtT5xLpWbx54neiC5AocUdd_iNJl1H8Pi-QPgwEf_J0vpnrbZqd8lcDQb3loU-HlyiiUbCa4e4g2t2j4TRSvSGhA5uwwGP4dcEKgC3t1_NnaT7zZgLLQh8RTwaIjg/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvOjjOCqCRWgLCLHmviQSd8GvR3UFzBLOo2C3M7XD_3rcnBCwvB3ssW0H4nmaRVwnF-y7ZNVF_z3XkZj3EuDuPJoogMXY5k2bIvqHo8lGXa-e590E4VKN8uD7peluWU65jW2_es9J6x4/s1600/blogger-user.png')
.ssyby('blank')
</script>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmyCsxK7WC5_gjUzTtT5xLpWbx54neiC5AocUdd_iNJl1H8Pi-QPgwEf_J0vpnrbZqd8lcDQb3loU-HlyiiUbCa4e4g2t2j4TRSvSGhA5uwwGP4dcEKgC3t1_NnaT7zZgLLQh8RTwaIjg/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizvOjjOCqCRWgLCLHmviQSd8GvR3UFzBLOo2C3M7XD_3rcnBCwvB3ssW0H4nmaRVwnF-y7ZNVF_z3XkZj3EuDuPJoogMXY5k2bIvqHo8lGXa-e590E4VKN8uD7peluWU65jW2_es9J6x4/s1600/blogger-user.png')
.ssyby('blank')
</script>
Синий цвет: вставьте ссылку на картинку для аватара не зарегистрированного пользователя(анонимуса).
Красный цвет: вставьте ссылку на картинку для аватара зарегистрированного пользователя, который не загрузил свой.
Теперь у нас вместо стандартных аватарок будут отображаться те, ссылки на которые Вы указали, например будет так:
или еще вот-так:
Вариантов много - была бы у Вас фантазия. Но, если Вам трудно что-то придумать, то воспользуйтесь специальным сайтом, для того чтобы найти аватарки, например findicons.com.
Вот и всё. Это было легко и просто.
Спасибо, что прочли. Всего доброго =)
📣 Дописати коментар