如何使Blogger主页全宽并隐藏侧边栏?

时间:2019-01-15 05:19:03

标签: html blogs blogger homescreen blogspot

我正在使用Blogger,并且想在我的Blog主页中隐藏侧边栏以使帖子全宽,并且看起来更具个性化/专业性,我的网站是nijeva.ca,并且我正在使用一个自定义主题模板, t一位博客默认设置。

我以前曾经尝试使用代码,但是它总是说您不能在此处放置b:if代码。

1 个答案:

答案 0 :(得分:0)

尝试一下:

转到“模板”>“编辑HTML”
在HTML编辑器中单击

使用CTRL+F在博客的HTML中查找第二个<head/>
将给定的代码粘贴在其上方。 这是主页

<b:if cond='data:blog.pageType == "item"'>
    <style>
        .sidebar {
            display:none;
        }
        #main-wrapper {
            width: 99%; 
            float: none; 
            margin: 0px auto;
        }
        html {
            overflow-x: hidden;
        } 
        .post {
            width: 97%; 
            margin: 15px auto;
            } 
        .post h3 a { 
            text-align: center; 
            padding:5px;
        }
    </style>
</b:if>

这是针对静态页面的

<b:if cond='data:blog.pageType ==  &quot;static_page&quot;
'<style>
    .sidebar {
        display:none;
    }
    #main-wrapper {
        width: 99%; 
        float: none; 
        margin: 0px auto;
    }
    html {
        overflow-x: hidden;
    }
    .post {
        width: 97%; 
        margin: 15px auto;
    } 
    .post h3 a { 
        text-align: center; 
        padding:5px;
    }
</style>
</b:if>