如何将 Blogger 标题拆分为 2 列？答案

【问题标题】：How to Split Blogger header into 2 columns?如何将 Blogger 标题拆分为 2 列？
【发布时间】：2017-02-21 23:29:29
【问题描述】：

我想问一下如何将我的博客标题分成两列？你能帮我吗？我很难弄清楚...

顺便说一句，我只需要在左侧添加我的徽标，然后在右侧添加 google adsense。

谢谢！

【问题讨论】：

【解决方案1】：

首先您需要配置您的博客标题最大小部件。检查它是否超过 2。如果不将其更改为 （假设） 4 并在#header & #header2 下添加以下css属性：

float:left;
width:50%;

您将能够添加水平对齐的新小工具。然后在右侧添加 google adsense，在左侧添加您的徽标。保存您的模板并查看！

【讨论】：

【解决方案2】：

在它跳转到的代码下，即：

    <b:section class='header' id='header' maxwidgets='2' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Your Bog Tittle (Header)' type='Header'>
    </b:widget>
    </b:section>

插入此代码：

    <b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'>
    </b:section>
    <div style='clear:both;'/>

现在搜索并找到：“/b:skin”

在 "/b:skin" 上方插入此代码：

     #header {
     float:left;
     width:50%;
     }

     #header2 {
     float:right; 
     width:30%; 
     }

您可以根据需要调整百分比。

在布局页面上，保存模板并刷新后，您应该会在徽标右侧看到一个“添加小工具”区域，您可以在其中插入 AdSense 小部件。

如果布局页面上的内容不正确，请将这些代码放在其他代码下方：

    #layout #header, #layout #header2 {
    padding: 0px !important;
    margin: 0px !important;
    width: 50% !important;
    }

记得保存您的模板，也记得在您保存模板后点击刷新。

【讨论】：