2013-07-07 110 views
-1

我正在尝试对从Internet下载的我的blogspot模板进行更改。无法对blogspot模板进行更改

例如,当我尝试更改标题颜色时,我无法执行此操作或进行其他更改。

如何做到以下几点:

  1. 我改变颜色,例如
  2. 适用于博客。

但它不起作用后,没有任何变化,请帮助我处理这种情况。

+0

您需要检查所有css,js和html/php文件,因为颜色可以在任何地方。 – VixinG

+0

但是,当我点击“编辑HTML”没有任何代码,只是空的页面 –

+0

请帮我解决这个问题 –

回答

4

对于第一个问题,当您单击“编辑HTML”并且没有代码显示时:这是Blogger.com界面中的一个小故障。自从他们改变(“升级”)编辑器的功能之后,它也发生在我身上。只需刷新页面或单击“预览模板”按钮,一旦加载,然后再次点击“编辑模板”按钮。

一旦出现编码,搜索(搜索它,按下Ctrl键和按F,然后在搜索框中复制并粘贴此代码):

$(post.title.text.color) 

如果你不这样做找到该代码,这是因为它没有在您的自定义模板中编码。通过此代码,您可以轻松地从“Blogger模板设计器”页面更改帖子标题颜色。没有上述代码,从用户友好页面更改帖子标题颜色的选项将不起作用。

要启用该选项:从 “编辑模板” 页面搜索和查找:

</b:skin> 

上面的 “/ B:皮” 粘贴此代码:

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上的Designer页面获取所有可用的功能。为了获得与这些代码类似的信息,我建议您使用stadard Blogger模板创建一个新博客,并打开“编辑HTML”模板页面。从那里,在代码的顶部,你应该看到的第一件事是:

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

这些是启用自定义设计页面正常工作的变量。

每个varibile的代码都会在这个部分,而且将永远看起来很相似,开头带有“$”符号,然后像描述性的文字:

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

当然,你可以选择你想要的任何地方把varible,当你改变选择的颜色,从定制的设计者页面,它会改变所有的相应区域。如果需要,您甚至可以将小部件边框颜色放在帖子标题中,并且帖子标题将始终与小部件钻孔器颜色相匹配。

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

 .post-title { 

,并删除该变量的代码和你想要的颜色替换:

.post-title { 
    color: blue; 
    } 

或使用:http://www.colorpicker.com/找到确切的颜色的十六进制代码,并把它作为你的文章标题:

.post-title { 
    color: #E01B5D; 
    } 

希望有所帮助。