这篇文章适用于使用ghs反向代理绑定Blogger的Blogger用户。其他同学请无视这篇文章。
Blogger.com升级推出了新的模板样式，新模板更加漂亮，修改模板样式更加容易，但是我们 使用新模板后如果在不使用代理的情况下会发现页面排版一塌糊涂，侧边栏无法正常显示，这是因为有一些代码被写在了一个专门的css文件里面:
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/4246919960-widget_css_2_bundle.css' />
我首先想到的方法是把这个文件保存到没有被和谐的地方，然后对其进行引用，我把代码放在了Google Code存储，把这段代码加在<head>前面： <meta content='tc' http-equiv='Default-Style'/>
<link href='http://forbloggeruse.googlecode.com/svn/trunk/bundle.css' rel='stylesheet' title='tc' type='text/css'/>
经过测试发现这个方法只是对IE8下有效，能正常显示，Firefox3.66，chrome 6.0均不能正常显示，后来想到的方法是直接把这个文件里的css代码复制到模板里面，还真是奏效了，在不使用代理的情况 下，IE8，Firefox3.66，chrome 6.0均能显示正常，IE6下显示有点小问题，但影响不大。<link href='http://forbloggeruse.googlecode.com/svn/trunk/bundle.css' rel='stylesheet' title='tc' type='text/css'/>
这种方法虽然能够正常显示样式，但不知道除了产生代码冗余之外还有什么弊端没有，目前还没有发现，所有你如果使用新模板一定要有充分的准备，尽可能的测试 不同浏览器下的显示状况，我这里提供一个网络服务用于网站的跨平台，跨浏览器的测试：http://browsershots.org/，欢迎大家提出新的解决方法。
没有评论:
发表评论