墙人使用Blogger.com新模板的方法(仅供参考) - OceanBan的空间
From Evernote: |
墙人使用Blogger.com新模板的方法(仅供参考) - OceanBan的空间Clipped from: http://blog.kban.info/2010/07/bloggercom_06.html |
这篇文章适用于使用ghs反向代理绑定Blogger的Blogger用户。其他同学请无视这篇文章。
Blogger.com升级推出了新的模板样式，新模板更加漂亮，修改模板样式更加容易，但是我们使用新模板后如果在不使用代理的情况下会发现页面排版一塌糊涂，侧边栏无法正常显示，这是因为有一些代码被写在了一个专门的css文件里面:
我首先想到的方法是把这个文件保存到没有被和谐的地方，然后对其进行引用，我把代码放在了Google Code存储，把这段代码加在<head>前面：
这种方法虽然能够正常显示样式，但不知道除了产生代码冗余之外还有什么弊端没有，目前还没有发现，所有你如果使用新模板一定要有充分的准备，尽可能的测试不同浏览器下的显示状况，我这里提供一个网络服务用于网站的跨平台，跨浏览器的测试：http://browsershots.org/，欢迎大家提出新的解决方法。
更新：星星同学提出了一个更好的方法，改成HTTPS连接，把那段css代码用https加密：
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/，欢迎大家提出新的解决方法。
更新：星星同学提出了一个更好的方法，改成HTTPS连接，把那段css代码用https加密：
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/4246919960-widget_css_2_bundle.css' />
把代码放在模板</title>后面即可，非常的方便好用。
0 评论 :
发表评论