» » Как вставить код в сообщение на Blogger

Как вставить код в сообщение на Blogger

У меня при создании сообщения на Blogger случилось небольшое затруднение. Нужно было вставить код HTML, но он после вставки начинал работать в сообщении, а мне нужно было, что бы он только был показан читателям. Стала искать в интернете, что делать. Нашла несколько советов. Если вы столкнулись с такой же проблемой, вот эти советы. Показ кода На странице сообщения, в настройках сообщения нажать параметры и показ кода HTML. Код будет показан в сообщении. Скажу сразу, у меня этот способ срабатывает через раз.
показ кода
Сторонние сервисы
https://gist.github.com/
Нашла сайт в интернете, он на английском языке. 
Заходите на ресурс, регистрируетесь. Создаёте новый проект. 
новый проект
  1. Пишите описание (если хотите)
  2. Название
  3. Вставляете код
  4. Нажимаете Create public gist (создать публичный)
Нас перенесёт на страницу, где нужно скопировать код.
нужно скопировать код
Это ваш личный кабинет. Здесь вы можете редактировать код, просматривать. Нам же нужно его скопировать. Наверху (где на скриншоте 3 стрелки рядом), рядом с кнопкой встраивать (Embed) расположен код, его копируем нажимая на кнопку с правой стороны от кода. 
Вставляем скопированный код в редакторе, в режиме HTML. Код на странице статьи виден не будет до публикации.
Внизу кода стоит логотип сервиса со ссылкой, которая не нужна для блога.
логотип сервиса

Энкодер

Чтобы код нормально отображался, преобразуйте его любым  HTML энкодером. Их выбор велик. Вот несколько:
https://www.mycrib.ru/2012/03/encoder-hml.html
https://webapps.compzets.com/htmlentities/
http://blogcoding.ru/konverter-kodov-dlya-blogger-blogspot-com/
Работают они все одинаково:
Энкодер
  1. Вставляем в окошко код
  2. Нажимаем кнопку конвертировать
конвертировать
Получившийся код отправляем в статью. Вставляем в редактор в режиме XTML.
Когда переключим на Создать, код будет в нужном виде.
Что бы код красиво смотрелся в статье можно вставить его в контейнеры, окошки, спойлеры. Вариантов много, нужно только поискать.
Вот несколько из них. Коды вставляются так же как описывала выше. В режиме HTML вставляем в сообщение сперва код окошка, спойлера, и тут же не меняя режима вставляем, заранее преобразованный энкодером нужный для статьи код.
<div style="width: 220px; height:40px; overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><TEXTAREA COLS="30" ROWS="2" NAME=>Код рамочки</TEXTAREA> </div>

<input type='text' size='15' value='тут код'>

<textarea rows="1" cols="30">ВАШ КОД </textarea>

Ваши комментарии:

Комментарии со спамом удаляются.