Как выделить код в тексте статьи
Здравствуйте, дорогие читатели!
Наверно, многие начинающие вебмастера ломают голову над тем, как выделить код в тексте статьи.
Способов такого выделения много. Это может быть изменение цвета или картинки фона, размера и цвета шрифта. Можно выделить код подсветкой синтаксиса, или различными рамками.
Сегодня я покажу, как выделить код изменением фона. Ему будет дан внешний вид страницы в линеечку из школьного блокнота.
Вот, как это должно выглядеть:
За идею - спасибо автору блога Blogger Tricks & Toolz
Как выделить код в Blogger
1. Заходим в Панель инструментов -- Дизайн -- Изменить HTML
2. Сохраняем резервную копию шаблона
3. Отмечаем флажком "Расширить шаблоны виджета"
4. С помощью комбинации "Ctrl + F" находим строчку:
5. Вставляем прямо перед ней код, полученный по ссылке
6. Сохраняем шаблон
7. Теперь, перед тем, как опубликовать код, на вкладке встроенного визуального редактора
"Изменить HTML"
надо заключить код в такую конструкцию:
Вместо слов "Здесь ваш текст" вставляем любой код, или текст, к которому мы хотим привлечь внимание.
Ура! Мы узнали - как выделить код в тесте. Теперь наши статьи будут ещё привлекательней оформлены, а смысл статей будет легче восприниматься читателями!
Ваш Retliff
Твитнуть
Наверно, многие начинающие вебмастера ломают голову над тем, как выделить код в тексте статьи.
Способов такого выделения много. Это может быть изменение цвета или картинки фона, размера и цвета шрифта. Можно выделить код подсветкой синтаксиса, или различными рамками.
Сегодня я покажу, как выделить код изменением фона. Ему будет дан внешний вид страницы в линеечку из школьного блокнота.
Вот, как это должно выглядеть:
За идею - спасибо автору блога 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.
Твитнуть
Интересно!!Спасибо за пост!!
ОтветитьУдалить@Александр Кучин Спасибо Вам! Вы - первый комментатор!-)
ОтветитьУдалитьКак всегда в тему :-) Спасибо. Я так понимаю что фон можно сменить, если закачать свой и в код вставить ссылку на свой?
ОтветитьУдалить@Ярослав Рад помочь! Изменить можно, но если Вы вставляете собственные атрибуты в кем-то разработанное решение - это могут посчитать плагиатом!-)
ОтветитьУдалить@Retliff Интересное решение и главное легко выполнимое.
ОтветитьУдалитьНа счет плагиата, мне кажется это фобия, если мы создаем продукт и выдаем его в свободное использование, то должны понимать, что многие будут подстраивать его под себя(общий дизайн, структура шаблона и т.д). Если же с постоянной оглядкой на плагиат, что либо разрабатывать, лучше и не выкладывать, а тихо посапывая любоваться своим "детищем", согласитесь Сергей, это путь в никуда.
Еще раз спасибо.
@shurawi Вы, безусловно, имеете право на собственную точку зрения! Но, я считаю, что выдавать плоды чужого творчества и труда за своё - банальное воровство! Не так трудно и совсем безопасно оставить ссылку на первоисточник. Другое дело, если чья-то разработка послужила толчком для вдохновения и была переработана и улучшена!-)
ОтветитьУдалить