Blogger/blogspot 模板 Notable 首页出现精选博文FeaturedPost 后排版问题 博文之间广告宽度

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

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

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

修改模板文件

修改前：

.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)
}