Blogger 模板 Notable 首页出现精选博文FeaturedPost 后排版问题

之前这个修改可以让首页显示热门博文PopularPosts

但是在Blogger的 Notable 类模板下,首页的排版显得很奇怪。


经过分析,是"更多博文"的浮动排版造成的影响。


修改模板文件

Blogger change the HTML template Blogger修改HTML模板

修改前:

.blog-pager{
float:$endSide;
margin-$endSide:468px;
margin-top:48px
}

.blog-pager .blog-pager-older-link{
color:$(feed.button.color);
float:right;
font:$(feed.button.font);
text-transform:uppercase
}

修改后:
.blog-pager{
text-align: center;
margin: 2em 0;
}

.blog-pager .blog-pager-older-link{
color:$(feed.button.color);
font:$(feed.button.font);
text-transform:uppercase
}
效果:

===========
其它修改一并记录一下:

广告前后留空太多

修改前:

.shown-ad {
    margin-bottom: 85px;
    margin-top: 85px;
}

修改后:
.shown-ad {
    margin-bottom: 45px;
    margin-top: 45px;
}

博文之间广告宽度

修改前:

.shown-ad .inline-ad{
display:block;
max-width:$(feed.width - 604px)
}

修改后:

.shown-ad .inline-ad{
display:block;
max-width:$(feed.width - 204px)
}

评论

The Hot3 in Last 30 Days

ClouDNS .asia免费域名 托管到CloudFlare开CDN白嫖Websocket WS通道翻墙 / desec.io

无服务器 自建短链服务 Url-Shorten-Worker 完整的部署教程