Невозможно внести изменения в шаблон blogspot

Question

Я пытаюсь внести изменения в свой шаблон blogspot, который был загружен из Интернета.

Когда, например, я пытаюсь изменить цвет заголовка, я не могу этого сделать или некоторые другие изменения.

Как сделать следующее:

1. я изменить цвет, например
2. Применить к блогу.

Но после этого нет никаких изменений, пожалуйста, помогите мне с этой ситуацией.

Answer 1

Для вашей первой проблемы при нажатии «Редактировать HTML» и никакого кода не появляется: это сбой в интерфейсе Blogger.com. Это случается со мной каждый раз, когда тоже, с тех пор, как они изменили («обновили») способ работы редактора. Просто обновите страницу или нажмите кнопку «Предварительный шаблон» и после загрузки, затем нажмите кнопку «Редактировать шаблон».

После появления кодирования, поиска (искать его, удерживая Ctrl на клавиатуре и нажмите F, затем скопируйте и вставьте этот код в поле поиска):

$(post.title.text.color) 

Если вы не найти этот код, потому что он не закодирован в вашем пользовательском шаблоне. Этот код позволяет легко изменить цвет заголовка сообщения на странице «Дизайнер шаблонов Blogger». Без вышеуказанного кода опция изменения цвета заголовка сообщения с удобной для пользователя страницы не будет работать.

Чтобы включить эту опцию: от вашего «Изменить шаблон» Страница поиска и найти:

</b:skin> 

ВЫШЕ «/ б: кожа» вставить этот код:

h3.post-title, h4 { 
font: $(post.title.font); 
color: $(post.title.text.color); 
} 

h3.post-title a { 
font: $(post.title.font); 
color: $(post.title.text.color); 
} 

Это позволит вам изменить цвет заголовка сообщения и шрифта заголовка сообщения на странице пользовательского конструктора Blogger.

Если вы хотите, чтобы другие параметры на странице Custom Designer работали, вам нужно добавить другие аналогичные коды в другие области вашего шаблона. Например, чтобы изменить цвет текста по умолчанию и шрифт всего блог со страницы конструкторы, приведенный ниже код должен быть в шаблоне:

body { 
    font: $(body.font); 
    color: $(body.text.color); 
    } 

Есть целый список других varibles, которые должны быть добавлены для того, чтобы получить ВСЕ функции, доступные на странице «Дизайнер» в Blogger. Чтобы получить сходство с этими кодами, я предлагаю вам создать новый блог с шаблоном Stadard Blogger и открыть страницу «Редактировать HTML». Оттуда, на вершине кодов, одна из первых вещей, которые вы должны увидеть:

/* Variable definitions 
    ==================== 

Это переменные, которые позволяют страницу пользовательского конструктора для работы.

Код для каждого varibile будет перечислен в этом разделе, и всегда будет выглядеть, начиная с символом «$», а затем описательными словами, как:

$(widget.border.color) 

Это не займет много, чтобы начать см. рисунок. И «selector =» всегда скажет вам, что нужно помещать ВЫШЕ «/ b: skin». Для exmaple, для цвета виджета границы, упомянутый выше, вы увидите этот подобный код:

 <Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span"> 
<Variable name="date.font" description="Font" type="font" 
    default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> 
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#cccccc"/> 
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#cccccc"/> 

А где вы видите код:

selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span"> 

... как вы знайте, чтобы сформировать свой код ВЫШЕ "/ b: skin". Следовательно:

.main-inner .widget h2.date-header, .main-inner .widget h2.date-header span { 
$(widget.border.color) 
} 

Конечно, вы можете поставить varible в любом месте вы хотите и когда вы измените цвет селектора, со страницы пользовательского конструктора, это изменит всю соответствующую области. Вы даже можете поместить цвет рамки виджета в заголовок сообщения, если хотите, и заголовок сообщения всегда будет соответствовать цвету виджета виджета.

Приятно иметь возможность использовать страницу Custom Designer, но как только вы привыкнете к кодированию, это не нужно. Вы можете просто изменить код непосредственно на странице шаблона «Редактировать HTML», поместив нужный вам цветовой код в раздел, в котором вы хотите его найти. Например, поиск и поиск (внутри/b: skin):

 .post-title { 

и удалить переменную код и заменить его на цвет, который вы хотите:

.post-title { 
    color: blue; 
    } 

или используйте: http://www.colorpicker.com/, чтобы найти код HEX для точного цвета и поместите его в качестве заголовка сообщения:

.post-title { 
    color: #E01B5D; 
    } 

Надеюсь, что помогает.