Как настроить цитирование в Blogger

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



Иногда - отрывки кода, для интеграции новых виджетов или усовершенствования шаблона Blogger.


Стандартные кавычки встроенного редактора  в Blogger



позволяют выделить цитату скорее для поисковых роботов, заключая нужную часть текста или кода в такую конструкцию:

<blockquote>Цитируемый текст или код</blockquote>

Для читателей этот эффект остаётся практически незамеченным.

Решение этой проблемы я нашёл (не в первый раз) на блоге "Le Blogger". Там предложено прописать свойства для тега "Цитирование"


Сделать это очень просто. Заходим в Панель управления --- Дизайн --- Изменить HTML. Находим с помощью клавиш "Ctrl + F"  строчку ]]></b:skin> и прямо перед ней вставляем выбранный из предложенных ниже кодов:

1. Для получения такого эффекта


надо вставить

blockquote {
    background:#F9F9F9;
    border:1px solid #CCC;
    margin:10px 0;
    padding:10px;
}

2. Если больше подходит такой

 вставляем

blockquote {
  background: none repeat scroll 0 0 #FFFBCC;
  border: 1px solid #E6DB55;
  font: 1em Georgia,Times,"Times New Roman",serif;
  padding: 10px;
  margin: 10px 0;
  text-align: justify;
}

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

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

Надеюсь, этот лёгкий в исполнении трюк сделает оформление ваших статей более стильным и убедительным!-)

Бывает ли, что вас не хотят фолловить в ответ в Twitter? Вот  30 причин - почему так происходит.
Ваш Retliff

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



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

  1. Удобная находка. Спасибо, возьму на вооружение для проектов на Blogger.

    ОтветитьУдалить
  2. Спасибо. В закладки однозначно.

    ОтветитьУдалить
  3. Спасибо, друзья! Рад, что этот фокус вам пригодился!

    ОтветитьУдалить
  4. Спасибо! Очень полезная статья!

    ОтветитьУдалить
  5. Спасибо. Маленько видоизмененный второй вариант решил использовать. Славно выглядит теперь.

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

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