как добавить яркие смайлики в сообщении Blogger

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

Метод довольно прост. Если вы сейчас зайдёте на эту страницу, то нужно выбрать нужный 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>

В этом случае, нужно копировать не картинку, а её адрес. И вставить вместо того, что я отметила розовым цветом. Готовый код установить в режиме 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, которые вставили в своё сообщение.

Всем спасибо за внимание и хорошего настроения.   

👇

Получайте новые сообщения с блога прямо на почту

Введите Ваш email