Blogger CSS问题:样式不会随机加载

时间:2013-10-03 13:46:02

标签: html css blogger

我有这个博客,我不时为客户提供支持。它使用来自博主的那些动态视图。我的任务是更改博客的标题并插入我的客户的徽标。

我知道该怎么做并且工作得很好,除了有时头文件中的图像没有加载而且一些元素没有样式显示。由于某种原因,未加载该块的CSS。这里有一个类似的问题:Images are SOMETIMES there 。我有完全相同的行为:我第一次打开网站时,标题样式就在那里。如果我重新加载页面,它会随着我继续重新加载页面而随意重新出现。

这种情况发生在任何浏览器中 - IE,Chrome,Firefox ....你可以这么说。似乎这个问题自2009年以来一直存在,如果谷歌有朝一日可以摆脱它,那就好了。在那之前,有没有人知道如何解决这个问题??

要注意的事项:

  • 没有控制台错误。
  • 尽管存在此问题,但博客浏览仍然有效。

提前致谢。

修改

如何插入图像:

  • 创建了一篇博文,并在其中上传了徽标。
  • 我复制了这篇文章中的链接。
  • 使用MODELS-> ADVANCED-> ADD CSS中的“添加CSS”选项插入自定义CSS。 (这是一个字面翻译,我用的是英语以外的语言)
  • 编辑<h1>是为了隐藏文字并将徽标显示为背景图片。像这样:

    background: transparent url('http://1.bp.blogspot.com/-IWokMKhUVbg/UaCJ_ZULa2I/AAAAAAAAAs4/908V5umDsLM/s1600/myfakelogo.png') no-repeat scroll 13px 5px;
    
    float: left;
    margin-left: 73px;
    margin-top: 10px;
    text-align: left;
    text-indent: -99999px;
    width: 420px;  
    
  • 使用<h3>

  • 隐藏了display: none;标记

请注意,这不是CSS问题,因为它确实有效。这里的问题是它有时会失败。因此,解决方法可能会改变我上传图像的方式。或者也许不是因为样式也没有加载,不仅仅是图像......

1 个答案:

答案 0 :(得分:1)

转到信息中心,从下拉菜单中选择模板,然后编辑HTML。然后向下滚动,直到在模板底部看到以下行:

 <script language='javascript' type='text/javascript'>
      setTimeout(function() {
        blogger.ui().configure().view();
      }, 0);
    </script>
  </body>
</html>

将超时值从0更改为1000:

<script language='javascript' type='text/javascript'>
      setTimeout(function() {
        blogger.ui().configure().view();
      }, 1000);
    </script>
  </body>
</html>

Credit for this trick