Рада, Вас приветствовать
Сегодня я предлагаю Вам попробовать установить в сообщения красивые, яркие смайлики. Такие , как emojis Twitter
.
Сам Блоггер нам предоставил функцию добавления смайликов в посте. Но они все немного скучноватые. Если вам понадобится установить более интересные и весёлые, то этот пост для вас.
Метод довольно прост. Если вы сейчас зайдёте на эту страницу, то нужно выбрать нужный emoji, нажать на нем правой кнопкой мыши и выбрать опцию копировать картинку.
Сейчас просто вставляйте картинку в нужном месте вот так
и всё.
На этом можно и остановиться, а можно немного добавить стилей, чтобы выровнять смайлик строго по линии
текста.
Добавляем, как обычно класс для картинки и зададим стили
В режиме предварительного просмотра вы увидите emojis, которые вставили в своё сообщение.
Всем спасибо за внимание и хорошего настроения.


Сам Блоггер нам предоставил функцию добавления смайликов в посте. Но они все немного скучноватые. Если вам понадобится установить более интересные и весёлые, то этот пост для вас.
Метод довольно прост. Если вы сейчас зайдёте на эту страницу, то нужно выбрать нужный emoji, нажать на нем правой кнопкой мыши и выбрать опцию копировать картинку.

Сейчас просто вставляйте картинку в нужном месте вот так

На этом можно и остановиться, а можно немного добавить стилей, чтобы выровнять смайлик строго по линии

Добавляем, как обычно класс для картинки и зададим стили
<img class="emojika" width="16" height="16" src="http://twemoji.maxcdn.com/16x16/1f60b.png
" />
<style>.post-body img.emojika{width:16px;height:16px;vertical-align:middle}</style>
" />
<style>.post-body img.emojika{width:16px;height:16px;vertical-align:middle}</style>
В этом случае, нужно копировать не картинку, а её адрес. И вставить вместо того, что я отметила розовым цветом. Готовый код установить в режиме HTML прямо в редакторе сообщений.
Если решите часто пользоваться такими смайлами, лучше код CSS (без тэгов <style>)
.post-body img.emojika{width:16px;height:16px;vertical-align:middle}
установить в шаблоне блога над строкой ]]></b:skin>.
Потом останется только в самом посте прописать лишь код HTML
<img class="emojika" width="16" height="16" src="http://twemoji.maxcdn.com/16x16/1f60b.png
" />
" />
В режиме предварительного просмотра вы увидите emojis, которые вставили в своё сообщение.
Всем спасибо за внимание и хорошего настроения.



👇
Получайте новые сообщения с блога прямо на почту
Ой, спасибо! Смайлики я люблю!!!
ОтветитьУдалитьЯ тоже . Ирина, люблю смайлики.
УдалитьСпасибо большое! Весьма полезный гаджет)))
ОтветитьУдалитьВиктория, пожалуйста, конечно. Только про гаджет говорите.
Удалить