调整Blogger主页图片的大小

时间:2017-06-30 23:45:25

标签: blogger

我是一名业余博客,并一直试图让我的主页上的图像统一(并且比邮政体内更小)。有没有办法做到这一点?

4 个答案:

答案 0 :(得分:0)

放置此代码 -

.post-body img {
  max-width:100%;
  height:auto;
}

位于]]></b:skin>标记的正上方。

注意:如果Blogger外观标记中已存在.post-body img,则只需将其替换为上述代码即可。

答案 1 :(得分:0)

实际上,这可能取决于您使用的博主模板以及主页设计的外观。我曾经根据博客模板的类别为我的博客模板采用不同的设计...... https://weblyb.com/blogger ..需要更多信息来帮助你......

答案 2 :(得分:0)

这完全取决于您的模板在主页上调整图片大小的方式。尽管(也是最基本的)最快的解决方案是你可能想用CSS来调整它们的大小&#34;如果页面是主页&#34;

<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post-body img {
  width: [PLACE YOUR DESIRED WIDTH];
  height: [PLACE YOUR DESIRED HEIGHT];
}
</b:if>

使用此方法的问题是您的图像可能会拉伸或缩小。如果这对您没问题,那么这应该可行,否则,您可能需要学习如何编辑自己的模板并为主页设置不同的代码/布局。

答案 3 :(得分:0)

您可以通过导航到博客仪表板中的主题,点击编辑html并在下面找到以下代码来实现:

repeat

然后点击保存主题,你就完成了。