четверг, 7 июня 2012 г.

как вставить смайлики в комментарии. МК.


Привет, мои хорошие! Как ваше ничего? Я тут чуть-чуть разгребла заказы, и поэтому у меня полный позитиFF. Скоро-скоро покажу альбом для девочки.
А пока давайте займемся супер-полезной штукой))) Научимся вставлять смайлики в комментарии в блоггере.
Урок нудный, насчет полезности применения я бы поспорила , но лично меня битва с HTML-кодами порадовала.
Если не испугались, то усаживайтесь поудобней и поехали)

1. Жмем кнопку настроить наверху,  в столбце слева жмем слово "шаблон", теперь наверху справа ищем строчку"Резервное копирование и восстановление" . Сохраняем наш блог на всякий случай.
2.Никуда не уходим, тут же , в шаблоне ищем строчку"Изменить HTML"(под окном сейчас в блоге)



3.Теперь очень внимательно читаем открывшуюся абра-кодабру и ищем строчку </head>
4. и ПЕРЕД этой строкой вставляем вот эту:

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


5.Для линейного и иерархического формата комментариев дальнейшие действия отличаются. Так какой же формат у вас? Все просто-если есть функция ответить(как у большинства и у меня), то это иерархический формат.
Если для ввода комментариев всплывает окно, то - линейный.

Для иерархического формата.
ищем строчку </body>  и ПЕРЕД ней добавляем:
<script src='http://aboutblogger.googlecode.com/files/widget_smiles.js' type='text/javascript'/>
Для линейного формата
точно так же ищем строчку </body> и ПЕРЕД ней добавляем вот такую строчку:

<script src='http://aboutblogger.googlecode.com/files/widget_smiles_ln.js' type='text/javascript'/>

 6.  Сохраняемся .Все,  смайлы работают. А работают они по принципу преобразования знаков в картинку . Так что во что преобразовывать, спросите вы?
Можно, конечно, заучить вот эту табличку, а можно повесить у себя напоминалку, как я и сделала.
Поэтому пункт 7, как повесить напоминалку)
Для иерархического формата.
Снова идем (или не уходим) из редактора шаблонов, так же жмем изменить HTML  и ставим галочку "Расширить шаблоны виджета".
Ищем вот эту строку:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>Она будет  встречаться 4 раза. Нам нужна вторая и четвертая.
ПОД каждую из них вставляем(т.е 2 раза всего):
<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; }
}
Сохранямся и радуемся)

Для Линейного формата:
Ищем строчку <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Она будет встречаться два раза. Под вторую вставляем вот эту строку:
<img border="0"  height="60" width="415" src="https://lh6.googleusercontent.com/-K4pkk7eLUK0/TmKoJfXi6FI/AAAAAAAAAQQ/Q1eHJUL_h_Y/st9-2.png" title="Добавляем смайлики в сообщение" />

Все)

Как вы понимаете, я не сама до этого додумалась, поэтому за все почерпнутые знания спасибо товариСЧам программистам и в частности много полезного почерпнула у sunctorus
P.S.Кто будет кидать тапками с криками"Блоггер не Одноклассники!!!!", прошу кидаться строго 43им размером, у меня мужик пообносился)


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

  1. Спасибо громадное!!! напоминалку я конечно пока не сумела поставить - но... сами смайлики у меня есть!!!! Ссылочку на этот пост сейчас размещу!

    ОтветитьУдалить
    Ответы
    1. Олеся(Оля?):), у тебя формат комментариев иерархический, попробуй поставь напоминалку, там ничего сложного) Это я только написала так страшно:D

      Удалить
    2. и Оля, и Олеся... пока не получилось - голова кружится сегодня - как давление наладится - постараюсь еще раз рассмотреть все и найти заветные строчки:) все супер - СПАСИБО!

      Удалить
    3. все получится! :) попозже - когда в глазах плыть перестанет)

      Удалить
    4. Здорово, что все это не зря писала, пригодилось)
      ох, это давление((( Не болей

      Удалить
  2. Ух ты, круть) Я тоже такое хочу))). Буду разбираться, катюш спасибо большое)))

    ОтветитьУдалить
    Ответы
    1. да не за что) Пользуйся на здоровье, если что- спрашивай

      Удалить
    2. Катюш, получилось=) А где напоминалка будет висеть? В окне комментариев?

      Удалить
    3. Кать, я все сделала, но напоминалочка не появилась=(

      Удалить
    4. Она у меня появляется когда наводишь курсор на "тэги допустимые в комментариях" Катюш, спасибо еще раз ;)

      Удалить
    5. Наташа,напоминалка так и должна быть, всплывающим окном, все правильно! Умничка, что осилила! Это самая сложная часть)

      Удалить
  3. спасибо! :-)

    правда напоминалку не осилила((( %О :wall: - не нашла

    ОтветитьУдалить
    Ответы
    1. я ее тоже не сразу осилила) Точнее в первом блоге своем(черновике) сразу все на место встало, а тут я долго искала заветные 4 строчки)
      Ничего страшного, можно еще раз, и еще раз попробовать) Только не забудьте шаблон блога сохранить.
      И спасибо, что меня в список МК включили!

      Удалить
  4. Катюш, спасибо! Буду пробовать!

    ОтветитьУдалить
  5. Спасибо за МК!
    Пробую так сказать :-)
    А у меня коменты по линейному типу,а заветная строчка встретилась тоже 4 раза,что-то я не догоням чуть-чуть :-[

    ОтветитьУдалить
    Ответы
    1. я даже не знаю в чем тут дело, вроде в линейном строчка должна быть два раза.. Может, это зависит от старой и новой версии блогерра? Что если нажать настройки-включить старую версию, посмотреть сколько раз там эта строчка и переписать там? А потом обновиться на новую версию?
      Но точно я не знаю, у меня-то не линейный формат)

      Удалить
  6. Катюша спасибо! Все получилось :-)

    ОтветитьУдалить
    Ответы
    1. Только у меня строчка "тэги допустимые в комментариях" почему-то получилась под окном ввода комментов :-[

      Удалить
    2. Здорово! Пользуйтесь на здоровье))

      Удалить
    3. насчет тэгов - все правильно, так и должно быть, как всплывающее окно под окном комментариев)

      Удалить
    4. Катюша спасибо еще раз!

      Удалить
  7. Спасибо! Всё получилось))

    ОтветитьУдалить
    Ответы
    1. Здорово)) Дадим смайлами по блогпосту)))

      Удалить
  8. Египетская сила...Сейчас одним ботинком на улице,вернусь домой,буду разбираться что ,чего,кудЫ и как!!Спасибо,Катюша,что не даешь киснуть моим мозгам:)))

    ОтветитьУдалить
    Ответы
    1. гы)Пока со смайлами воюй, а потом приходи, будем учиться вставлять картинки в комментарии

      Удалить
  9. Катя, спасибо огромное, получилось все с первого раза!
    Единственное у меня это напоминалка получилась далеко внизу под окошком для коммента. Можно ее перенести как у вас над окошком для комментария?

    ОтветитьУдалить
  10. Катя, у меня тоже всплывающее окно находится ПОД окном комментирования. Но если у вас совсем низко и неудобно висит то, нужно вернуться в изменению HTML шаблона, удалить все изменения, которые вы вносили и сделать все заново.
    Очень-преочень не советую так делать, трудоемко до жути ...
    Но если все же будете заново прописывать - не забудьте сохранить совй действующий шаблон на жесткий диск.

    ОтветитьУдалить
  11. Ух ты, спасибо большое!!!! :-) давно хотела такую штучку.. люблю смайлики :-[

    ОтветитьУдалить
  12. О боги!!! Не ужели я это сделала!!!! %О Катя со второго раза, чуть глаза не вылезли! Теги делать уже сил нет!Может позже попробую!
    Но спасибо, это так классно хоть малость эмоций передать!;-)

    ОтветитьУдалить
  13. Я рада, что написала что-то умное:)

    ОтветитьУдалить
  14. Катюша, огромное спасибо за МК, для меня он оказался очень полезным!!! Добро пожаловать в мой Блог и заценить :beer:

    ОтветитьУдалить
  15. Ура!! Катюш, я и смайлики поставила!!! И с напоминалкой))) Теперь и в свой бложик осталось поставить!!!
    Спасибище огромное!!!

    ОтветитьУдалить
    Ответы
    1. Женя, не за что) С ними веселей, правда?:)

      Удалить
    2. Ага! Если еще что будет интересное - с удовольствием побалуюсь!
      Ночерком у себя поставлю и ссылочки на тебя кину, пусть другие тоже мозг поламают)))

      Удалить
    3. Меня блоггер заблокирует за распространение смайловирусов:D:D:D

      Удалить
  16. Нажать ctrl+f (чтобы открыть строку поиска - так легче искать текст) и ввести в низу страницы в строке поиска "/head" (в треугольных скобках "<" и ">"). Эта строчка должна подсветиться.

    ОтветитьУдалить
  17. КАТЯ!!!!!! И у меня получилось)))у меня тоже теперь живут смайлы)))а я думала,я совсем чайная)))

    ОтветитьУдалить
  18. Катюш, глаза в куче %0, но прикольно :-D, СПАСИБО!

    ОтветитьУдалить
  19. О, Катя, как круто!!!Спасибо огромное)

    ОтветитьУдалить
    Ответы
    1. Вика, не за что:) Пользуйся на здоровье:)

      Удалить
  20. Этот комментарий был удален автором.

    ОтветитьУдалить
  21. Катя, спасибо большое и вам и программистам!!! Смайлики уже светятся! Ура!!! Напоминалку позже попробую вставить))

    ОтветитьУдалить
  22. о, Катя!!!
    глаза в шоке, зато гордость что я это сделала - так и прет))))))))))))) спасибо))

    ОтветитьУдалить
  23. мама дорогая..как все сложно)))
    Катюша, мне легче тебе пароли присласть и слезно выпросить установить всю эту лабуд...ой, красотень у меня в блоге)) хоть у меня муж и программист, но, такого не знает, и я к нему даже не обращаюсь)))

    ОтветитьУдалить
    Ответы
    1. ну а где же тогда слезные просьбы? Хочу-хочу-хочу:D:D:D

      Удалить
  24. Круто! И я всё сделала по описанию! Спасибочки! Давно хотелось , чтоб смайлики улыбались. Внутри текста сообщений хоть бы что вставляю, а вот в комментах только теперь :) :beer:

    ОтветитьУдалить
  25. Большое спасибо, все получилось с первого раза. Блог сразу изменился, все смайлики в комментах оживились :-D

    ОтветитьУдалить
  26. Огромное спасибо за урок. Всё получилось шикарно. Только вот, у меня фон тёмный и смайлики смотрятся, как-будто их неаккуратно вырезали, а так хочется совершенства. Как это можно исправить? :SOS:

    ОтветитьУдалить
    Ответы
    1. либо поменять фон:)
      Либо переписать смайлы(код , отвечающий за их внешний вид).Но как это сделать, я не знаю)

      Удалить
    2. Спасибо за быстрый ответ. Жалко, так хотела это чудо завести. У меня картинки смотрятся лучше всего на тёмном фоне. :-(

      Удалить
  27. Добрые люди поделились ссылкой сюда. Катя, спасибо большое! :) Все очень подробно и понятно расписано! Даже такой чайник, как я разобралась пошагово! :)

    ОтветитьУдалить
  28. У МЕНЯ ВСЕ ПОЛУЧИЛОСЬ)) сПАСИБО)))

    ОтветитьУдалить
  29. спасибо за инструктаж! пойду ковыряться)) п.с. забавный ;)

    ОтветитьУдалить
  30. Давно хотела заполучить смайлы. :-D Катя, спасибо за подробную инструкцию! Вот только не могу понять, где могла ошибиться :-( подсказка в комментах есть, а вот смайлов не видно :-(

    ОтветитьУдалить
  31. а это не ваша ошибка, это в блоггере что-то случилось, перестали смайлы генерироваться, ссылки не активные,...

    ОтветитьУдалить

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

Related Posts Plugin for WordPress, Blogger...