» » Смайлики в Blogger

Смайлики в Blogger

Как добавить смайлики в комментарий? Можно установить специальный скрипт, который несложно найти в интернете. А можно воспользоваться сторонними сайтами.

Смайлики в комментарий и статью

Смайлы HTML

Таким методом можно поставить смайлы в комментарии. Код смайликов скопировать и уставить в комментарий. Несколько примеров кодов можно увидеть ниже. 
😊 😊 Улыбка
😃 😃 Радость
😉 😉 Подмигивание
😆 😆 Смех
😜 😜 Подмигивание
😋 😋 Вкусно
😍 😍 Влюбленный взгляд
😎 😎 В солнцезащитных очках
😒 😒 Не смешно
😏 😏 Ухмылка
😔 😔 Задумчивость
😢 😢 Плачу
😭 😭 Слезы рекой
😩 😩 Усталость
😨 😨 Напуганный
😐 😐 Равнодушный
😌 😌 Облегчение
😄 😄 Широкая улыбка
😇 😇 С нимбом
😰 😰 Сильно беспокоюсь
😲 😲 Шок
😳 😳 Краснею
😷 😷 В медицинской маске
😂 😂 Смех до слез
😚 😚 Поцелуй с закрытыми глазами
😵 😵 Головокружение
😠 😠 Сержусь
😡 😡 В ярости
😝 😝 Гадость
😘 😘 Воздушный поцелуй
😶 😶 Лицо без рта
😪 😪 Сонный
😫 😫 Сильно уставший
😥 😥 Обошлось
😖 😖 Сбитый с толку
😤 😤 Возгордившийся
😣 😣 Упорный
😅 😅 Нервный смех
😞 😞 Сильное разочарование
😓 😓 В холодном поту
😁 😁 Виноватая улыбка
😱 😱 В ужасе
☹ ☹ Сильно хмурый
Если нужно больше смайлов, то посетите сайт:
1. http://smile-vkontakte.ru
Там много разнообразных смайликов для ВК, но они подходят для Блоггер. Выбираем понравившийся смайл, копируем код и вставляем в комментарий.
смайлики
2. https://vsthemes.ru/posts/3239-simvoly-smajliki-emoji.html
Смайлы можно добавлять в статью, в редакторе в режиме XTML добавляем код в нужное место.

Наборы эмодзи — копируем картинку

Например, на сайте https://typing.su/emoji.html выбираем нужную картинку, копируем правой кнопкой мыши и вставляем в нужное место в комментарии или в статье.
Наборы эмодзи
Аналогичные сайты, где нужно только скопировать смайлик:
https://ru.piliapp.com/emoji/list/
https://emojio.ru/
http://www.emojismiles.ru/

Смайлы в редакторе блога

Этим способом можно добавить смайлик только в статью.
На блоге, в редакторе сообщений есть такая функция — вставка смайлика.
Смайлы в редакторе блога
Картинок довольно много, есть разные алфавиты, нужные символы, знаки пунктуации и так далее. Для быстрого нахождения картинки или символа, есть поиск по слову или можно нарисовать форму символа и будет предложено несколько похожих вариантов. Смайлики можно увеличить, чёрно-белые символы раскрасить в другой цвет. На скриншоте ниже видно, как перекрасить символы. Выделяем его мышкой и выбираем цвет.
выбираем цвет
Так же можно увеличить картинки, выделяем её мышкой и выбираете размер, кроме этого, можно сделать смайлик более жирным, нажав на значок В в редакторе:
увеличить картинки

Генератор смайлов

Смайлик можно добавить в статью. 
1. http://blogga.ru/smile - выбираем смайлик, нажимаем на него и в окошке появится код, который вставляем в нужное место в статье, в режиме XTML в редакторе. 
2. http://arcanumclub.ru/page1 (огромное количество картинок) - кликаем на картинку и забираем код из окошка, только нужно отметить, что код должен быть в html. Код устанавливаем в редакторе блога, в режиме html.
огромное количество картинок
3. http://smayliki.ru/
4. http://yoursmileys.ru/t-smile.php - выбираем нужное и копируем код. Помимо смайликов на сайте огромная коллекция гиф-картинок на разные темы.
5. http://liubavyshka.ru/ - разнообразные картинки и смайлы, есть анимированные и простые. На сайте есть кнопка Блоггер для копирования кода.
6. https://pozdravitel.ru/smajliki/
7. http://forumsmile.ru/
8. https://reklama-no.ru/smajliki-dlya-forumov?start=2

Вставка картинки в комментарии

Что бы читатель мог вставить картинку, смайлик, в том числе и анимированные на блог в комментарий в шаблоне блога нужно сделать небольшие изменения.
Картинку можно вставить, кликнув на неё правой кнопкой мыши и выбрать копировать адрес изображения. Вставить в комментарии её можно вот в таком виде 
[img]ссылка на картинку[/img]. 
Анимированные смайлы вставляются так же.
Делаем изменения в шаблоне:
Открываем шаблон и нажимаем одновременно клавиши ctrl и F
Вписываем в окошко /* Comments и нажимаем enter и ниже этой строки вставляем следующий код:
/* Comments
----------------------------------------------- */
#comment-img {  max-width: 100%;  max-height: 500px;}
Далее, добавляем перед закрывающим тегом </head> следующую строку:
<script src='http://code.jquery.com/jquery.min.js' type='text/javascript'/>
Если перед тегом уже имеется подобный код, то повторно писать его не нужно.
Выбираем установку в зависимости от того, какой у вас формат комментариев - линейный или иерархический.

Иерархические комментарии
Перед закрывающим тегом </body> добавляем:
  <script type='text/javascript'>
    var cimw = 658;
    var cimh = 500;
  </script>
<script src='https://drive.google.com/uc?export=download&amp;id=0B3_dGXEjBVdPOTN3N0pGNnJJUm8' type='text/javascript'/>
 Комментарии линейные
Так же перед кодом </body>
<script type='text/javascript'>
    var cimw = 658;
    var cimh = 500;
  </script>
  <script src='https://drive.google.com/uc?export=download&amp;id=0B3_dGXEjBVdPQW5GVnRXeWN1NEk' type='text/javascript'/>
Теперь пользователь может вставлять картинки на блог:
вставлять картинки
Но, что бы читатель об этом знал, нужно прописать для него эту информацию. Можно это сделать в Настройки — Сообщения и комментарии и настройки доступа. И над формой комментариев появится нужная надпись.
Настройки — Сообщения и комментарии

Комментарии со спамом удаляются.