вторник, 29 января 2013 г.

Смайлики в сообщениях для Blogger. Пошаговая инструкция

Девочки, сегодня расскажу про обещанные смайлики в сообщениях и комментариях именно для платформы Blogger.
Смайлики - картинки, выражающие наши эмоции, - в Интернет-переписке очень удобны и теме не менее в блогах - редкость. Остро чуя нужду поставить веселую рожицу, я иногда сама девочкам так и писала: "жалко, что нет смайликов..." и ставила бесконечные скобочки. Скобочки, которые так и оставались скобочками. А недавно нашла способ обращать скобочки в рожицы и рожи (когда что надо, по случаю).

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

СМАЙЛИКИ В СООБЩЕНИЯХ. КАК СДЕЛАТЬ?

1. Открываете страничку с коллекцией смайликов на все (ну на многие) случаи жизни ТУТ.
2. Заносите эту страницу в Избранное.
3. Когда садитесь писать очередной пост, открываете ее и выбираете нужный смайл. Движение мышки "тык" - в внизу в окошке появляется код. Его копируете и вставляете в нужное место в свой пост.
Примечание. Если при предварительном просмотре отображается абракадабра из символов, возвращаетесь в пост - жмакаете HTML.
Все должно получится!

На то, чтобы завести в свой блог смайлики в комментарии, нужно для привычных людей 10 минут, для непривычных (это я про себя) около часа. Готовы?

СМАЙЛИКИ В КОММЕНТАРИЯХ. КАК СДЕЛАТЬ?

В китайской грамоте (читай компьютерной, азы которой я с любопытством познаю) написано, что для появления смайликов в сообщениях blogger нужно включить скрипт автоматической подмены группы символов на картинки.
Чтобы это сделать, нужно быть бесстрашным блоггером и помнить, что платформа запрограммирована на предварительный просмотр, без него нажимать кнопочку "Сохранить" опасно! Поэтому сначала - "Просмотр", если все благополучно открывается: картинки на главной странице, фотки, старые сообщения и комменты - то Вы сделали все правильно, можно сохранять изменения.

Заранее хочу успокоить: если все делать внимательно, все закончится хорошо.

1. Двигаемся так:
Новое сообщение > список в правой колонке: Шаблон > Изменить HTML. Вы вышли в редактор шаблона.
Если внимательно прокрутить всю простыню символов, увидите знакомые слова - названия гаджетов, которые когда-то сами устанавливали  в блоге. В своей тарабарщине (ближе к концу) я смогла прочитать знакомое "Тут тоже интересно", "Последние комментарии" и пр.
В очках со всеми возможными диоптриями - ))) - ищете закрывающий тег </head>. 
Я его обнаружила где-то во второй трети. Он так и стоит на отдельной строчечке.
Перед ним вставляете: <script src='http://code.jquery.com/jquery.min.js' type='text/javascript'/>

2. Дальше добавляем сам автоматический переустановщик комбинации символов в смайлики.
Пока Вы внимательно искали предыдущий закрывающий тег, Вам наверняка попадался на глаза вот этот, нужный нам теперь тег  </body>.
Перед ним копируем вот эту строку:  <script src='http://aboutblogger.googlecode.com/files/widget_smiles.js' type='text/javascript'/>

Нажимаете "Просмотр". Если все в порядке - в блоге все на месте, нажимаете "Сохранить". Если нет - отменяете изменения и начинаете сначала. 

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

3. Вводим функцию "Всплывающая подсказка" - смотрите у меня в блоге внизу, под окошком с комментариями - голубая активная штука "Теги, допустимые в комментариях". Смайлики - под ней.

Идем той же дорогой в редактор шаблона: 
Новое сообщение > список в правой колонке: Шаблон > Изменить HTML.  

Ставите галочку "Расширить шаблоны виджета". 

Находим такую строку: <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Я ее записала на бумажку, положила себе перед глазами. Потому что пока я двигала прокрутку, я от волнения забывала, что ищу. Возвращалась к подсказке, прокрутка обнулялась - приходилось начинать сначала. Поэтому лучше крутить медленно, сверяясь со шпаргалкой.

Она будет встречаться четыре раза (в старых блогах - два). Под вторую и четвертую вставляем такой код (вставляем и копируем все десять строк вместе): <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
----------------------------------------------- */
Под этим вставляем такой код, копируем все строчки сразу, вставляем одним тыком:

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

Этого всего должно быть достаточно. Нажимайте "просмотр", а там "сохранить".
Я сделала все со второго раза. Надеюсь, у Вас все пройдет хорошо сразу же. Расскажете как прошло?

Другие мои посты по блоговедению можно почитать на специальной странице "ПроДвижение блога" - тут и ссылка в вернем меню или под ярлыком "Блоговедение" в правой колонке.
Статьи об увеличении продаж хэндмейда смотрите на странице "Мои статьи о продажах".

12 комментариев:

  1. А чтоб легче было искать в абракадабре, нужно нажать комбинацию клавиш Ctrl+F и не нужно сильно приглядываться, вам покажут все места, где есть то, что вы ищите ;)Спасибки за урок!

    ОтветитьУдалить
    Ответы
    1. наташа, спасибо! Я действительно встречала где-то такую информацию о нажатии клавиш, но сама не решилась)))

      Удалить
  2. Скопируюи буду разбираться когда народ спит. А пока я обалдела от информации. Зависла на третьем абзаце...

    ОтветитьУдалить
  3. Ну и славно!!! Не в смысле, что зависла ;-)

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

    ОтветитьУдалить
    Ответы
    1. Пыталась смайлик поставить)) Не получилось... :-D

      Удалить
  5. это что то с блоггером случилось :(((((((( смайлики куда то делись...

    ОтветитьУдалить
  6. Спасибки! У меня все получилось, вот только подсказка всплывает поверх текста, но ПОД кнопками соц.сетей. Получается, одну строчку подсказок не видно, можно ли это поправить?

    ОтветитьУдалить
    Ответы
    1. Марина, нужно копаться в Шаблоне блога. Наверно, проще оставить как есть?))

      Удалить
  7. Я пыталась вставить смайлики ... не получилось.
    Возник вопрос :"Перед ним вставляете" -означает впереди перед означенным словом , или строкой выше ?

    ОтветитьУдалить
  8. Если бы все это работало, то и у Вас на блоге был бы набор смайлов в комментариях! :)

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

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

Related Posts Plugin for WordPress, Blogger...