Question

我正在尝试从头开始编写博客模板。我在模板中添加了一些元素和样式。但是，我发现包含了一些其他CSS样式表，它们也应用于页面元素，如下所示：

enter image description here

第一个CSS后台规则是我在<b:skin>标签中应用的唯一内容，其余的不是我的样式。那么，我该如何删除它们。如果它们是正确的，我可以覆盖它们，但是有一些错误的声明（_height:100%）

Answer 1

首先备份模板。

阻止BLOGGER CSS：

找到这个：

<b:skin><![CDATA[lots-of-css-code]]></b:skin>

并替换为：

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin>*/</b:skin>

找到这个：

 <b:template-skin>bunch of code</b:template-skin>

并替换为：

<link href='https://www.somewhere.com/yourstylesheet.css' rel='stylesheet' type='text/css'/>

或替换为：

 <style>your-custom-css-here</style>

Answer 2

一种解决方案可能是明确覆盖不需要的样式表中包含的每种样式。

基本上，这需要您调用自己的样式表，在调用不需要的样式表后将每个不需要的样式重置为默认样式。

由于你的风格在级联的下方，它们将取消不需要的风格。

这是一个完全混乱的解决方案，但总比没有好。

！important应该仅作为最后的手段使用。

Answer 3

<script>
$("[href$='css_bundle.css']").remove();
</script>

如果使用jquery库，请使用此选项。

Answer 4

Blogger正式添加了两个外部CSS文件。删除它们会导致混乱的Blogger模板，但如果您是设计师并添加了自己的CSS而不是Blogger，那么删除可能导致重负荷的不需要的CSS文件非常重要。

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' /> <link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css' />

这是每个Blogger博客中的两个Blogger官方CSS捆绑文件。有一点需要注意，您可以将这些行添加到HTML注释中，但不能永久删除。

为此，您可以在How To Remove/Hide Blogger Official CSS In Your Custom Template?找到一个很长的教程。请按照此操作删除Blogger官方CSS包。

Answer 5

禁用默认Blogger Css捆绑包：

您可以通过以下步骤删除widget_css_2_bundle.css：

第一步：

搜索<head>代码并将其替换为：

&lt;head&gt;

第二步：

搜索</head>代码并将其替换为：

&lt;/head&gt;&lt;!--<head/>--&gt;

注意：这是最好的方法，因为如果你不影响变量在模板中使用变量。

禁用Plusone.js和Widgets.js

现在，如果您要停用Plusone.js和Widgets.js以提高网页速度，请按以下步骤操作：

搜索</body>代码并将其替换为：

&lt;!--</body>--&gt; &lt;/body&gt;

这些都保存了你的模板并做得很好:) 现在，您可以根据需要从头开始创建自己的博客模板;）

Answer 6

随着去年新主题引擎的发布，Blogger现在可以更轻松地删除模板中包含的默认CSS和JS文件。

要删除它们，请将以下属性添加到模板代码开头的 <html> 标记中（位于主题自定义下） -

<html b:css='false' b:js='false' ...

b：css =＆＃39; false＆＃39; - 在模板中删除Blogger中包含的默认CSS

b：js =＆＃39; false＆＃39; - 在模板中删除Blogger中包含的默认JS

Answer 7

我找到的唯一方法是将皮肤标签完全留空，并在头部添加一些样式标签或链接到样式表。它对我有用，但它仍然很烦人。

Answer 8

如果您使用此代码<b:skin><![CDATA[...]]></b:skin>，它将变为注释代码，即使未使用它仍显示在首页上。

从我发现的所有方式来看，这种方式非常简单。将<b:skin> ... </b:skin>更改为以下代码：

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
   <b:skin> ... </b:skin>
</b:if>

它将在不更改为注释代码的情况下删除首页中<b:skin>的样式。

如何删除Blogger CSS小部件包

8 个答案:

禁用默认Blogger Css捆绑包：

禁用Plusone.js和Widgets.js