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

 

Как поставить красивые смайлики на платформе 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; }}

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

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

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

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

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

Спасибо!

4 комментария к «Добавляем смайлики на платформе Blogger»
  1. Спасибо,у меня много блогов на блоггере,до того как завёл сайт на вордпресс их использовал,да и щас они в индексе и идут люди.Поставлю смайлы.

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

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

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