Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Как вставить изображение в комментарии блога.

картинка в комментарияхВсем, доброго времени суток. Кому как, а мне всегда нравились комментарии, которые нам предоставила платформа Блоггер. Хочешь, делай их линейными или древовидными. Есть функция модерации комментариев, капча. И как-то надёжнее со спамом. Даже если установить специальный код в шаблон блога можно побаловать посетителей и смайликами. А с другой стороны, просто однообразный текст.

Внимание - скрипт на данный момент не работает!!!

Многие блоггеры со стажем знают, что есть такой NCcode скрипт, с помощью которого можно вставить в комментарий не только картинку, но и изменить стиль текста. К разработчику скрипта мы вернёмся ниже. А чтобы посмотреть о чём идёт речь, попрошу вас перейти по этой ссылке и обратить внимание на комментарии.

Почти как на многих форумах. Для реализации такого у себя на блоге нужно зайти в шаблон блога и с помощью клавиш Ctrl+F найти закрывающийся тег </body> и сразу над ним установить следующий скрипт. Сохраните шаблон.
<script src='https://googledrive.com/host/0B4h6e6FJ1K3LeXJ2ODhxWlMzejA/' type='text/javascript'/>
Теперь при написании комментария  использовать всего-то следующие теги для разных вариантов. Они мне показались похожими на ВВ коды, которые часто и используют на форумах. Вот неполный их список.
1.[im#]адрес изображения[/im]- изображение будет на всю ширину поля.
2.[im]адрес изображения.[/im]-заданный размер изображения.
3.[si="4"]ваш текст[/si]-размер шрифта.
4.[co="#7dfa14"] текст [/co]-цвет текста.
5.[ce]текст[/ce]-текст строго по центру.
6.[ma]текст строки-[/ma]-бегущая строка.
7.[card="blue"]ваш текст [/card]-фон для текста.
Можете воспользоваться и попробовать написать комментарий у меня на тестовом блоге, ссылка на который выше. Конечно, саму картинку лучше устанавливать не очень большую и воспользоваться вторым вариантом, задав ей определённый размер. Ну вот так примерно [im] https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-T5tsNuDLKKYt1MSRgxWNbIv40TbTBrQExoOqJcm-LUKXenPNOujGQjtufGGCd1YH5Rly_MMb6t-cdR1yOzqfO0bSnQf_xZggeLvr58GRgiap3SXrWNkfqSEGQJl8Y_7rdGD2Xx8jhRRJ/s600/DSC02681.JPG[/im]. Как уменьшить исходный размер изображения, читайте в этом сообщении.

Чтобы ваши читатели знали, что у вас на блоге есть такая возможность вставлять всякого рода красивости, мы должны их об этом известить. В админпанели блоггер-вкладка-настройки-сообщения и комментарии-сообщение формы создания комментариев.


Пишите текст-обращение к своим читателям -мол так вот и так ... У вас есть возможность вставить в свои комментарии то или это. И перечисляете что и как.
Сейчас идём на сайт разработчика. Здесь видим именно то, о чём я вам писала.



Вверху  все эти коды, которые позволяют создать в комментариях красивый текст и добавить картинки. А вот ниже, там, где написано HTML для NCcode и конвертировать разобраться долго не могла. Ответ нашла на этом блоге.

Тут тоже очень интересная фишка. Можно текст в комментарии сделать и вот так как-то. Что пожелаете.
Кто ходит в гости по утрам, тот поступает мудро.
Для этого делаем следующие. Идём в редактор сообщения и пишем любой текст. Как хотим используем функции редактирования текста.




Затем переходим в режим HTML и копируем всё, что там получилось. Вставляем этот код в верхнее окошко, где написано добавить свой  HTML код и преобразовать. Вставили и нажали конвертировать.


Теперь копируем всё эту непонятную писанину из нижнего окна и устанавливаем в комментарий. Результат также можно увидеть на моём тестовом блоге.

Вы, конечно, поняли, что это будет работать только там, где в шаблоне установлен этот скрипт NCcode. 
Если не желаете со всем этим возиться можно просто использовать код HTML для оформления текста в комментариях. Например.

1.<b> здесь ваш текст </b>-текст жирным шрифтом.
2.<i>здесь ваш текст</i>-текст курсивом.
3.<a href="адрес_ссылки">здесь текст ссылки</a>-активная ссылка на страницу.

С последним надо бы быть поаккуратнее. Не нужно спамить на блогах. Автор может легко обратиться в службу поддержки и сообщить о нарушении. На моём блоге, также прошу, не ставить активную ссылку. Комментарий, в лучшем случае, будет просто удалён. Сделайте себе ещё один тестовый блог и все эксперименты проводите на нём. Давайте уважать друг друга.

А я на сегодня ставлю точку. Обращайтесь, если что непонятно. И конечно же спасибо, что читаете мои шпаргалки. Удачи всем.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


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

  1. Классно вышло. Иногда хочется вставить в комментарий скриншот.

    ОтветитьУдалить
    Ответы
    1. Вот про скриншот я как-то и не думала. А ведь и правда.

      Удалить
  2. А у тебя в комментариях есть такая фишка? Мне понравилась, сделаю себе, только жаль, что это только для продвинутых пользователей. Я сама не раз видела такие дополнения в комментариях, но никогда этим не пользовалась. Спасибо, что напомнила и доступно объяснила.

    ОтветитьУдалить
  3. А как вставить смайлик?

    ОтветитьУдалить
    Ответы
    1. На этом блоге нет. Почему для продвинутых. Если сделаешь объясни, как пользоваться и всё. В форме создания комментариев. А для вставки смайликов специальный код есть. На эту тему полно инфы в сети.

      Удалить
    2. Пока не придумала как лучше объяснить, т.к. когда в объяснение вставляешь вот это - [im]адрес изображения.[/im], то оно превращается в картинку). Для некоторых и адрес картинки - темный лес, не все же умеют пользоваться сервисами, вроде Радикала. Я сама не всегда понимаю, почему не любой адрес от картинки, например, из одноклассников, подходит.

      Удалить
    3. Ну, Олеся, если так рассуждать то для многих и интернет тёмный лес, и блог, т тем более адрес. Некоторые вообще про комментарии ничего не знают. А чё с адресом -то картинки мучится. обязательно радикал что-ли. Или другой какой хостинг. Кликай на любую картинку правой кнопкой мыши и функция -копировать URL..Вот к примеру в два счёта скопировала адрес твоей аваторки в комментариях Можешь проверить.http://lh4.googleusercontent.com/-QBlQXjIyw34/AAAAAAAAAAI/AAAAAAAACYo/Lbmw01PIQ70/s35-c/photo.jpg

      Удалить
  4. Проверила.) А почему, когда я беру URL смайлика из одноклассником не работает?

    ОтветитьУдалить
    Ответы
    1. Олеся, не знаю как там в одноклассниках. аккаунт удалила уже там давным давно. Вот прекрасный набор смайлов.http://smiles2k.net/
      Результат здесь http://teststudiblog.blogspot.ru/2015/05/rss-feed.html#comment-form

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

      Удалить
    3. Олеся, только особо не стоит увлекаться, всё же лишние ссылки.

      Удалить
    4. Ты права, я об этом задумывалась. Поиграюсь немножко, думаю, надоест.)

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

    ОтветитьУдалить
    Ответы
    1. Ой-ей, получилась ссылка, удали потом мои комментарии.

      Удалить
    2. Олеся, во всём потихоньку разберёмся. Приятно слышать, что получилось.

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

    ОтветитьУдалить
    Ответы
    1. Привет, Олеся. Да не в том. Ничего не удаляла, а просто где-то ещё что-то добавила, скорее всего.. Блог тестовый, всё может быть. Если хочет твоя знакомая пусть верит на слово. У тебя же отображается. Пока нет времени копать шаблон.

      Удалить
    2. Олеся, сейчас всё работает.

      Удалить
    3. Да, теперь и у меня все в порядке!

      Удалить
  7. тест [im#]http://s017.radikal.ru/i434/1507/4f/e72f7fb460bd.jpg[/im]

    ОтветитьУдалить
    Ответы
    1. O6OpOTeHb ничего не получится протестировать здесь. На этом блоге код у меня не установлен.

      Удалить
  8. Вика, привет, заметила, что эта фишка у меня слетела. Глянь, здесь в комментах, пожалуйста, когда будет время. http://corolesja.blogspot.com.by/p/blog-page_85.html
    Там что-то связанное с http и https? Как это исправить?

    ОтветитьУдалить
    Ответы
    1. Олеся, ни как не исправить. https://googledrive.com в 16 году прекратил поддержку файлов.

      Удалить
    2. То есть, теперь нельзя вставлять фишки в комментарии? Я правильно поняла?

      Удалить
  9. Правильно, Олеся. Первый скрипт как раз оттуда. Сейчас напишу здесь объявление об этом, чтоб не смущать. Беги в шаблон и удаляй чтобы не болтался. завтра или после завтра вариант предложу. Но этот лучше был.

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

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML