Главная » , » Способы цитирования на Blogspot (Blogger)

Способы цитирования на Blogspot (Blogger)

Автор поста: Микола Питеков | 07 апр. 2012 г. | 23:09

  Цитирование выделяет особенно важные моменты в посте (статье) в блоге Blogspot (Blogger). На блогспот есть свое стандартное цитирование отрывка текста. Но оно не удовлетворяет запросам большинства владельцев блога. С помощью редактирования кода шаблона, а так же Css можно изменить стандартное цитирование на любое другое, более удовлетворяющее требованиям. 

  С одной стороны даже такое цитирование не может служить примером красоты оформления блога, но если посмотреть глазами простоты – это то что нужно, так как не надо вносить каждый раз как захотелось выделить текст изменение в HTML (добавлять свой код в статью) при редактировании статьи, поста. Намного проще просто выделить текст и нажать в меню редактора текста кнопочку “Цитировать”.

Кнопка цитирование

  Выделив текст и нажав на кнопку цитирования, при стандартных настройках будет примерно так:
Пример стандартного цитирования текста
  В принципе стандартное цитирование так выглядит не только на Blogspot. Кстати на моем блоге оно никогда не работало. Способы цитирования которые будут предложены далее, значительно лучше и намного симпатичнее стандартного. Способы отличаются друг от друга настройками.

Способы цитирования:

  •   Первый способ цитирования. Вид у первого способа будет довольно неплохой. Можно заменить цвет полоски которая отображается до текста.
Пример цитирования

  Для того что бы поменять способ цитирования нужно зайти в панель управления, выбрать вкладку шаблон – изменить HTML – Приступить – ставим галку расширить виджеты шаблона. С помощью поиска (Ctrl + F) ищем строчку

]]></b:skin>

Перед строчкой вставляем код представленный ниже

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

  •   Второй способ цитирования. Дополняет выделенный текст для цитирования, задним фоном, а так же рамкой. Цвет заднего фона можно поменять на любой, более подходящий вашему дизайну шаблона. 
Пример цитирования с выделением
  Чтобы поменять стандартный способ цитирования на этот, нужно проделать все тоже самое, что и при первом способе. Так же найдите строчку кода завершающего оформление дизайна.

]]></b:skin>

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

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;
}

0 коммент.:

 
Все права защищены.
Copyright © 2011-
Avitra - Персональный SEO блог
При копировании материалов гиперссылка на БЛОГ обязательна.
All Rights Reserved
Вверх