Question

我正在尝试从头开始制作Blogger模板，并一直在查看生成的代码。我不关心它是否完全可编辑，并且可以从管理面板更改布局，但我不希望它完全被破坏。 enter image description here

如您所见，标题全部搞砸了，并且位于Favicon框下方。在实际操作中，模板工作正常，但在这个窗口中显然不是。以下是我提出的内容概述。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
    <head>
        <b:skin>
        <![CDATA[
            body {
                background: white;
                color: black;
            }
        ]]>
        </b:skin>
        <b:include data="blog" name="all-head-content" />
        <title><data:blog.pageTitle /></title>
    </head>
    <body>
        <b:section id="navbar" maxwidgets="1" showaddelement="no">
            <b:widget id="Navbar1" locked="true" title="Navbar" type="Navbar"></b:widget>
        </b:section>
        <div id="wrapper">
            <b:section id="header" maxwidgets="1" showaddelement="no">
                <b:widget id="Header1" locked="true" title="Header" type="Header"></b:widget>
            </b:section>
            <b:section id="menu">
                <b:widget id="PageList1" locked="true" title="Pages" type="PageList"></b:widget>
            </b:section>
            <b:section id="main">
                <b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog"></b:widget>
            </b:section>
        </div>
    </body>
</html>

我相当确定您可以将上面的内容复制并粘贴为模板HTML并获得同样的问题！

是因为我的布局不一样吗？我看到一堆（如果不是全部）我使用的模板作为示例使用类名称和id fauxcolumn-outer和body-fauxcolumn-outer。
跟进问题：当我启用或禁用或拖动页面的不同部分时，例如位置显示在帖子标题中...这是如何工作的？我的模板显然不支持这一点，因为我从来没有告诉过它，那么有什么准则吗？

Answer 1

好的，所以我不知道为什么会这样，但我在问了一个问题后才发现出了什么问题。所以我开始尝试一些东西，我记得看到一些看起来像“躺着”的标签。所以我尝试了它并修复了它的一部分。所以我记得有一个关于我之前看到的导航栏的页面，所以我再次找到它并在其上，它说：

About the Navar

备注：

我们已尽一切努力确保Navbar不会干扰自定义模板设计。但是，可能会出现一些显示问题。如果遇到麻烦，可以尝试以下几点：


添加样式=＆＃34; margin-top：40px;＆＃34;到模板的最顶层元素。（即会成为）

确保结束标记存在;它应该在标签之前。

简而言之......根据我的问题，固定模板代码如下：

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html> <head> <b:skin> <![CDATA[ body { background: white; color: black; } ]]> </b:skin> <b:include data="blog" name="all-head-content" /> <title><data:blog.pageTitle /></title> </head> <body> <b:section id="navbar" maxwidgets="1" showaddelement="no"> <b:widget id="Navbar1" locked="true" title="Navbar" type="Navbar"></b:widget> </b:section> <div id="wrapper" style="clear:both; margin-top: 50px;"> <b:section id="header" maxwidgets="1" showaddelement="no"> <b:widget id="Header1" locked="true" title="Header" type="Header"></b:widget> </b:section> <b:section id="menu"> <b:widget id="PageList1" locked="true" title="Pages" type="PageList"></b:widget> </b:section> <b:section id="main"> <b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog"></b:widget> </b:section> </div> </body> </html>

注意#wrapper
上的样式

Blogger自定义模板HTML中断布局页面

1 个答案: