如何将Blogger标题拆分为2列?

时间:2012-06-03 22:53:14

标签: header blogger

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

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

谢谢!

2 个答案:

答案 0 :(得分:1)

首先,您需要配置Blogger标头最大小部件。检查它是否超过2.如果没有将其更改为(让我们说) 4 并在#header&下添加以下css属性#HEADER2:

float:left;
width:50%;

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

答案 1 :(得分:1)

登录Blogger.com 单击“模板”部分。 点击“跳转到小部件” 点击“Header1”

根据它跳转到的代码,即:

    <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”

ABOVE“/ b:skin”插入此代码:

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

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

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

在布局页面上,保存模板AND REFRESH后,您应该会在徽标右侧看到“添加小工具”区域,您可以在其中插入您的adsense小部件。

如果在“布局”页面上看起来不正确,请将这些代码放在其他代码下面:

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

请记住保存模板,并记得在保存模板后单击“刷新”。