Как настроить цитирование в Blogger
Здравствуйте, дорогие читатели!
Время от времени в наших публикациях мы прибегаем к цитированию. Иногда это мысли великих людей, призванные усилить восприятие идеи публикации.
Иногда - отрывки кода, для интеграции новых виджетов или усовершенствования шаблона Blogger.
Стандартные кавычки встроенного редактора в Blogger
позволяют выделить цитату скорее для поисковых роботов, заключая нужную часть текста или кода в такую конструкцию:
<blockquote>Цитируемый текст или код</blockquote>
Для читателей этот эффект остаётся практически незамеченным.
Решение этой проблемы я нашёл (не в первый раз) на блоге "Le Blogger". Там предложено прописать свойства для тега "Цитирование"
Сделать это очень просто. Заходим в Панель управления --- Дизайн --- Изменить HTML. Находим с помощью клавиш "Ctrl + F" строчку
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.
Стандартные кавычки встроенного редактора в 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.
ОтветитьУдалитьСпасибо. В закладки однозначно.
ОтветитьУдалитьВзял на вооружение.
ОтветитьУдалитьСпасибо, друзья! Рад, что этот фокус вам пригодился!
ОтветитьУдалитьСпасибо! Очень полезная статья!
ОтветитьУдалитьСпасибо. Маленько видоизмененный второй вариант решил использовать. Славно выглядит теперь.
ОтветитьУдалить