删除Google Blogger的默认CSS和JS

02-01 367阅读 0评论
bSiTMV.png

我们在使用Google Blogger的时候,会发现即使使用自定义域名,页面内容也包含来自Google Blogger域名的CSS和JS文件,由于该域名从国内无法访问,因此会降低网站访问速度,为了加快网站加载速度,有必要删除系统默认加载的CSS和JS文件,下面我就讲述一下删除这些CSS和JS的方法。

  进入Google Blogger后台,点击“主题背景”,选择当前主题,选择“修改HTML”,进入HTML源代码修改界面。

  在内容开头,找到<html...>标签,在html后面增加如下内容

  b:css='false' b:js='false'

  修改完成后的代码类似下面一行内容。

  <html b:css='false' b:js='false' b:version='2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

  至此修改全部完毕,点击保存,将HTML模版保存。

  之后,再次打开刷新自己的Blogger网站,查看HTML源代码,会发现Google Blogger默认自带的CSS和JS都消失或者被注释,打开自定义域名的网站速度会明显加快。

  上述修改会有一些副作用,一个副作用是,无法在Blogger后台的布局界面进行修改了,如果需要修改,需要将上述代码里删除 b:js='false' 这段代码,只保留 b:css='false' 这句。

  另一个副作用是“布局”功能会出现显示异常,将第一步修改恢复回去之后会正常。其次对于某些模板会出现内容不居中的情况,可以在“布局”里添加HTML/JavaScript组件,写入如下代码:

<style type="text/css">

body {max-width: 960px;margin: auto;}

.column-center-outer,.column-left-outer,.column-right-outer{position:relative;float:left;_display:inline;_overflow:hidden}

.column-center-outer{width:100%}

.column-left-outer{margin-left:-100%}

</style>

Blogger.jpg


文章版权声明:除非注明,否则均为凌久博客原创文章,转载或复制请以超链接形式并注明出处。

发表评论

表情:
评论列表 (暂无评论,367人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码