Добавляем смайлики на платформе Blogger

Качественный хостинг, реселлинг по низким ценам!

 

Как поставить красивые смайлики на платформе Blogger и не только.

Всем, привет! Как Вы заметили из названия, я нашел как в блоггере реализовать смайлики. Искал конечно долго, но то сайты были не те, то смайлики не работали или мне копать не хотелось. Отмазок много, но давайте перейдем к делу и поставим на блог красивые смайлики. Выглядят они вот так.

Смайлики

Скучно мне без них было. Зато теперь можно в комментариях вставить не только смайлики, но и прописать жирным или наклонным шрифтом. Или кинуть активную ссылку на свой блог мало ли.

Эта картинка с тегами и символами смайликов будет находится прямо над формой подписки. Вернее будет фраза

«Здесь смайлики и не только»

При наведении откроется картинка

И теперь для того чтоб поставить смайл, нужно прописать код или символ под самим смайликом.
  Все, хватит лирики, давайте поставим смайлы. Для этого как обычно, заходим в админку Тема — Изменить HTML
Ищем тег


</head>

и перед ним прописываем скрипт 

<script src=’http://code.jquery.com/jquery.min.js’ type=’text/javascript’/>

если он там не прописан. Если есть, то этот шаг делать не надо.
Теперь ищем тег

</body>

и перед ним прописываем вот это

<script src=’https://drive.google.com/uc?export=download&amp;id=0B3_dGXEjBVdPZjRsaDJEYzlyLUU’ type=’text/javascript’/>

Лично я сделал так и все заработало. Но если у кого то комментарии линейные, то нужно написать немного по другому. Для этого вот ссылка на статью, переходите и смотрите сами, думаю автор статьи против не будет 

Смайлики в комментариях

И последнее что нужно сделать, так это добавить всплывающую подсказку. 
Открываем редактор, если закрыли, ищем строчку

<a expr:href=’data:post.commentFormIframeSrc’ id=’comment-editor-src’/>

их может быть две или четыре. Нам нужны вторая и четвертая. Под каждую пропишем вот это. Текст выделенный синим можно заменить на свой.

<span onMouseOut=’document.getElementById(«popup»).style.visibility = «hidden»‘ onMouseOver=’document.getElementById(«popup»).style.visibility = «visible»‘ style=’cursor: help; color: #138FD8;’>

Тэги, допустимые в комментариях

</span><div id=’popup’ style=’visibility:hidden; position:absolute; margin-top:-205px; *margin-top:-187px; *margin-left:-16px; *left:0;’><img height=’186′ src=’https://lh6.googleusercontent.com/-9bkBOZ6VuWI/T0ixVPI1FfI/AAAAAAAAAgQ/UDl9qp4OnRw/s585/tags.png’ width=’585’/></div>

 и в таблицу стилей добавим небольшой код. Для этого найдем

 /* Comments

и под ним пропишем вот так 

/* Comments———————————————— */@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { #popup { margin-top: -218px !Important; }}

Вот теперь все. Сохраняем шаблон и смотрим что получилось. На этом сегодня все. Теперь и на блогере можно писать комменты со смайлами. Да, не забудьте подписаться на обновления.

Автор блога Андрей Косолапов.

Комментируйте, делитесь с друзьями и подписывайтесь на новые статьи.

Если понравился материал, то окажите посильную помощь блогу

Вебмани кошелек для помощи Z281532737568

Спасибо!

Комментарии 4

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *