Привет всем! Сегодня опять будем стилизировать блог. Наверняка Вам надоедают стандартные аватарки, где бы они не были: в соц сетях, в различных форумах, в блогах. Почему они многим не нравятся? Кто знает, мне лично всё-равно, какие аватарки в том или ином форуме - я всегда загружаю свой.
Однако есть юзеры, которые не загружают и вообще не заморачиваются этим вопросом. Но блоггеры, ведь, люди стильные, и не оставят без красивой авы - никого! Если вы считаете себя блоггером, то этот код для Вас.
Начнем-с!!! Для начала входим в админку 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', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/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', 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png')
.ssyby('blank')
</script>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/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', 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png')
.ssyby('blank')
</script>
Синий цвет: вставьте ссылку на картинку для аватара не зарегистрированного пользователя(анонимуса).
Красный цвет: вставьте ссылку на картинку для аватара зарегистрированного пользователя, который не загрузил свой.
Теперь у нас вместо стандартных аватарок будут отображаться те, ссылки на которые Вы указали, например будет так:
или еще вот-так:
Вариантов много - была бы у Вас фантазия. Но, если Вам трудно что-то придумать, то воспользуйтесь специальным сайтом, для того чтобы найти аватарки, например findicons.com.
Вот и всё. Это было легко и просто.
Спасибо, что прочли. Всего доброго =)
📣 Отправить комментарий