Привет всем! Сегодня опять будем стилизировать блог. Наверняка Вам надоедают стандартные аватарки, где бы они не были: в соц сетях, в различных форумах, в блогах. Почему они многим не нравятся? Кто знает, мне лично всё-равно, какие аватарки в том или ином форуме - я всегда загружаю свой. Но есть юзеры, которые не загружают и вообще не заморачиваются этим вопросом. Но блоггеры, ведь, люди стильные, и не оставят без красивой авы - никого! Если вы считаете себя блоггером, то этот код для Вас.
Начнем-с!!! Для начала входим в админку 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/AVvXsEiCJGcB0tkjAuQlOTyAFGdLBnyy8ORBbN2-6q_aQbUAw4uskVvninydM3PRmRdU8JCNWtqh3TqSNZfp2mjgBgX5tKvN2DRmKxII_1u4F9Zqtef9BTPaUg41T6K-PblWCo0K6w-UyjvNO7I/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/AVvXsEhdrBOcmzpyWLMBY6dyE-y1ifZ_nKeP21p5qBmFWzXl6w8YZKzfoYNyzP0i80j5ViSKCoqXBqsOgv72-ZpzEU3-JStWiGwcChBbaltwORHNxT7Gpy4bLCcNFo9eOsxa0aoRpSP4Rdy19E8/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/AVvXsEiCJGcB0tkjAuQlOTyAFGdLBnyy8ORBbN2-6q_aQbUAw4uskVvninydM3PRmRdU8JCNWtqh3TqSNZfp2mjgBgX5tKvN2DRmKxII_1u4F9Zqtef9BTPaUg41T6K-PblWCo0K6w-UyjvNO7I/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/AVvXsEhdrBOcmzpyWLMBY6dyE-y1ifZ_nKeP21p5qBmFWzXl6w8YZKzfoYNyzP0i80j5ViSKCoqXBqsOgv72-ZpzEU3-JStWiGwcChBbaltwORHNxT7Gpy4bLCcNFo9eOsxa0aoRpSP4Rdy19E8/s1600/blogger-user.png')
.ssyby('blank')
</script>
Синий цвет: вставьте ссылку на картинку для аватара не зарегистрированного пользователя(анонимуса).
Красный цвет: вставьте ссылку на картинку для аватара зарегистрированного пользователя, который не загрузил свой.
Теперь у нас вместо стандартных аватарок будут отображаться те, ссылки на которые Вы указали, например будет так:
или еще вот-так:
Вариантов много - была бы у Вас фантазия. Но, если Вам трудно что-то придумать, то воспользуйтесь специальным сайтом, для того чтобы найти аватарки, например findicons.com.
Вот и всё. Это было легко и просто.
Спасибо, что прочли. Всего доброго =)
Комментариев нет:
Отправить комментарий