как добавить яркие смайлики в сообщении 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


4 комментария:

  1. Ой, спасибо! Смайлики я люблю!!!

    ОтветитьУдалить
    Ответы
    1. Я тоже . Ирина, люблю смайлики.

      Удалить
  2. Спасибо большое! Весьма полезный гаджет)))

    ОтветитьУдалить
    Ответы
    1. Виктория, пожалуйста, конечно. Только про гаджет говорите.

      Удалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML

Пользовательский поиск