html - Blogger 的自定义主页

标签 html xml blogger

我一直在试图弄清楚一些人是如何制作一个仅使用模板代码就能正常工作的自定义主页的。这是我尝试过的:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
// code
<b:else/>
// code
</b:if>

除了您不能将小部件编辑/添加到 Blogger 的“管理 > 布局”区域之外,这工作得很好而且花花公子。它只会显示 <b:if cond='data:blog.url == data:blog.homepageUrl'> 中的小部件部分。和 <b:else/>标签。

我可以使用 CSS & display:none以达到相同的效果,并且可以通过管理区域对其进行编辑,但是当查看网站的任何部分时,它将加载不会被看到的不必要的内容,从而增加加载时间。

我什至试过:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

对于主页,以及我使用的所有其他页面:

<b:if cond='data:blog.url != data:blog.homepageUrl'>

这有助于减少要加载的看不见内容的数量,但会破坏帖子的“预览”。它只会显示预览的主页信息,而不是需要预览的实际帖子。

我怎样才能正确地做到这一点?我知道这是可以做到的,因为我已经看到了。有出售的 Blogger 主题可以做到这一点。对于我的生活,我无法弄清楚......

最佳答案

对于小部件

在您的模板代码中包含所有小部件。这将导致“布局”部分包含所有小部件.....现在我们将使用条件标签来决定我们是否希望只在主页、发布页面或任何特定的 url/标签页等。这样做的教程是 here

其他一切

输入代码 <data:post.body/>模板中的将返回实际发布内容。

所以这段代码

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>

只会在帖子页面而不是主页上显示帖子内容

关于html - Blogger 的自定义主页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17757411/

相关文章:

php - 如何在 PHP 中清理/验证 XML 文件? PC数据错误

mobile - 如何在 Blogger Post 中检测移动设备?

jquery - 在 html 中调整图像大小的问题

jquery - 文本区域内的 HTML 解码

java - Android:滚动包含recyclerView的 subview 时如何滚动parentView

用c程序将xml文件转换为wbxml

css - 如何收紧 Blogger 中的页眉空间

javascript - 当 URL 包含特定字符串时,如何禁用元素?

javascript - Chrome 中的 HTML 表格分页符打印

javascript - PhoneGap : different behavior Simulator vs. 设备