Как выделить код в тексте статьи

Здравствуйте, дорогие читатели!
Наверно, многие начинающие вебмастера ломают голову над тем, как выделить код в тексте статьи.

kak videlit kod


Способов такого выделения много. Это может быть изменение цвета или картинки фона, размера и цвета шрифта. Можно выделить код подсветкой синтаксиса, или различными рамками.


Сегодня я покажу, как выделить код изменением фона. Ему будет дан внешний вид страницы в линеечку из школьного блокнота.

Вот, как это должно выглядеть:



За идею - спасибо автору блога Blogger Tricks & Toolz

Как выделить код в Blogger
1. Заходим в Панель инструментов -- Дизайн -- Изменить HTML

2. Сохраняем резервную копию шаблона

3. Отмечаем флажком "Расширить шаблоны виджета"

4. С помощью комбинации "Ctrl + F" находим строчку:

]]></b:skin>

5. Вставляем прямо перед ней код, полученный по ссылке

6. Сохраняем шаблон

7. Теперь, перед тем, как опубликовать код, на вкладке встроенного визуального редактора
"Изменить HTML"



надо заключить код в такую конструкцию:


<div class="bloggertricksandtoolz ">
Здесь ваш текст</div>


Вместо слов "Здесь ваш текст" вставляем любой код, или текст, к которому мы хотим привлечь внимание.

Ура! Мы узнали - как выделить код в тесте. Теперь наши статьи будут ещё привлекательней оформлены, а смысл статей будет легче восприниматься читателями!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



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

  1. @Александр Кучин Спасибо Вам! Вы - первый комментатор!-)

    ОтветитьУдалить
  2. Как всегда в тему :-) Спасибо. Я так понимаю что фон можно сменить, если закачать свой и в код вставить ссылку на свой?

    ОтветитьУдалить
  3. @Ярослав Рад помочь! Изменить можно, но если Вы вставляете собственные атрибуты в кем-то разработанное решение - это могут посчитать плагиатом!-)

    ОтветитьУдалить
  4. @Retliff Интересное решение и главное легко выполнимое.
    На счет плагиата, мне кажется это фобия, если мы создаем продукт и выдаем его в свободное использование, то должны понимать, что многие будут подстраивать его под себя(общий дизайн, структура шаблона и т.д). Если же с постоянной оглядкой на плагиат, что либо разрабатывать, лучше и не выкладывать, а тихо посапывая любоваться своим "детищем", согласитесь Сергей, это путь в никуда.
    Еще раз спасибо.

    ОтветитьУдалить
  5. @shurawi Вы, безусловно, имеете право на собственную точку зрения! Но, я считаю, что выдавать плоды чужого творчества и труда за своё - банальное воровство! Не так трудно и совсем безопасно оставить ссылку на первоисточник. Другое дело, если чья-то разработка послужила толчком для вдохновения и была переработана и улучшена!-)

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

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics