无法在 blogspot 模板中进行更改

Loo*_*oop 5

对于您的第一个问题，当您单击“编辑 HTML”并且没有代码显示时：这是 Blogger.com 界面中的一个小故障。自从他们改变（“升级”）编辑器的运行方式以来，我也每隔一段时间就会发生这种情况。只需刷新页面或单击“预览模板”按钮，加载后，然后单击返回“编辑模板”按钮。

代码出现后，搜索（要搜索，请按住键盘上的 Ctrl 键并按 F，然后将此代码复制并粘贴到搜索框中）：

   $(post.title.text.color)

如果您没有找到该代码，那是因为它没有在您的自定义模板中进行编码。此代码允许您从“Blogger 模板设计器”页面轻松更改帖子标题颜色。如果没有上述代码，从用户友好页面更改帖子标题颜色的选项将不起作用。

要启用此选项：从您的“编辑模板”页面搜索并找到：

    </b:skin>

在“/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 的自定义设计器页面更改帖子标题的颜色和帖子标题的字体。

如果您希望自定义设计器页面中的其他选项起作用，您必须将其他类似的代码添加到模板的其他区域。例如，要从设计器页面更改整个博客的默认文本颜色和字体，以下代码必须在您的模板中：

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

为了从 Blogger 上的设计器页面获得所有可用的功能，必须添加一整套其他变量。为了熟悉这些代码，我建议您使用标准的 Blogger 模板创建一个新博客并打开“编辑 HTML”模板页面。从那里，在代码的顶部，您应该看到的第一件事是：

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

这些是使自定义设计器页面能够工作的变量。

每个变量的代码将列在该部分中，并且始终看起来相似，以“$”符号开头，后跟描述性词，例如：

    $(widget.border.color)

开始看到模式并不需要太多。而“选择器=”总是会告诉你需要在“/b:skin”之上放置什么。例如，对于上面提到的小部件边框颜色，您将看到类似的代码：

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

当然，您可以将变量放在您想要的任何位置，当您更改该选择器的颜色时，从自定义设计器页面，它会更改所有相应的区域。如果需要，您甚至可以将小部件边框颜色放置在帖子标题中，并且帖子标题将始终与小部件蛀虫颜色相匹配。

能够使用自定义设计器页面很好，但是一旦您习惯了编码，就不需要了。您可以直接在“编辑 HTML”模板页面中更改代码，方法是将所需的颜色代码放入您想要的部分。例如，搜索和查找（在 /b:skin 中）：

     .post-title {

并删除变量代码并将其替换为您想要的颜色：

    .post-title {
    color: blue;
    }

或使用：http : //www.colorpicker.com/查找确切颜色的十六进制代码并将其作为您的帖子标题：

    .post-title {
    color: #E01B5D;
    }

希望有帮助。