创建三个帖子列Blogger模板

Question

我正在尝试创建自己的博客模板。我想在三栏上发帖。我试图在post组件上放置广告，但它会产生错误。

我的博客浮动：https://words-deep-water.blogspot.fr/

代码在这里：https://words-deep-water.blogspot.fr/2017/03/version1.html

你能帮帮我吗？

Answer 1

您从发布的链接中了解不多。但如果您想将一行划分为3个相等的列以显示帖子，您可能需要查看此内容：

http://materializecss.com/grid.html

 <style>
  .row {width : 100%}
  .col s4 {width : 33.33%}
 </style>
 <div class="row">
      <div class="col s4">This div takes 33.33% width of the outer div. POST 1</div>
      <div class="col s4">This div takes 33.33% width of the outer div. POST 2</div>
      <div class="col s4">This div takes 33.33% width of the outer div.POST 3</div>
 </div>

使用与上述代码类似的内容，您可以实现自己的功能。 代码的解释：我们有一个带有类行的div，它给出了100％的宽度。并且其中的所有内部div将占据外部div的33.33％宽度，给出三个相等宽度的div。

Answer 2

最好尝试使用3列响应式博客模板。博客用户可以使用许多免费的响应模板。如果您添加了额外的样式代码，则可能会影响移动用户。