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

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

6 комментариев: Смайлики на платформе Blogger

  • Софья говорит:

    Андрей, привет! Пробую вставить смайлик, а не получается. Навожу левой мышкой на надпись "Здесь смайлики и не только", хочу поставить смайл, а надпись исчезает??

  • Софья говорит:

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

  • Софья, привет! Я ж не писал что по ним кликать нужно :sos: Так что все правильно, эта табличка как подсказка :beer: Зато прикольно память тренировать 😉

  • Андрей, привет! Конечно, со смайликами гораздо лучше оформлять комментарий. 😀
    Жаль только, что память надо тренировать, а так-бы кликнул по смайлику и дело с концом. Но на платформе blogspot, наверное это внедрить сложнее. Но ты нашёл хороший выход! :beer:

  • Саша, привет! Выход по ходу не только хороший, но и наверно единственный на сегодня :beer: Да и то хорошо что нашел, если честно, то стучался долго :wall:

Добавить комментарий для Александр Каратаев Отменить ответ

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

Субскрайб
Хочу Всё Знать. Полезные Советы
Обновления блога
ADS
Мои комментаторы
Google
People Group
Заработок на сайте
Скоро Новый Год!(нажми и потанцуй)
www.000webhost.com