Здравствуйте, дорогие читатели!
Время от времени в наших публикациях мы прибегаем к цитированию. Иногда это мысли великих людей, призванные усилить восприятие идеи публикации.
Иногда — отрывки кода, для интеграции новых виджетов или усовершенствования шаблона 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
Удобная находка. Спасибо, возьму на вооружение для проектов на Blogger.
Спасибо. В закладки однозначно.
Взял на вооружение.
Спасибо, друзья! Рад, что этот фокус вам пригодился!
Спасибо! Очень полезная статья!
Спасибо. Маленько видоизмененный второй вариант решил использовать. Славно выглядит теперь.