2

ブロガーのヘッダーを 2 つの列に分割する方法を教えてください。助けてください。分からなくて困ってます…

ところで、左側に自分のロゴを追加し、右側に Google Adsense を追加するだけです。

ありがとう！

4

2 に答える 2

1

まず、ブロガーのヘッダー最大ウィジェットを構成する必要があります。2 以上かどうかを確認します。そうでない場合は(たとえば) 4に変更し、#header & #header2 の下に次の css 属性を追加します。

float:left;
width:50%;

横に並べた新しいガジェットを追加できます。次に、Google Adsense を右側に、ロゴを左側に追加します。テンプレートを保存して表示してください。

于 2012-06-03T22:58:54.340 に答える
1

Blogger.com にログインし、[テンプレート] セクションをクリックします。「ウィジェットへジャンプ」をクリック 「ヘッダー1」をクリック

ジャンプ先のコードの下、つまり:

    <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;
    }

テンプレートを保存することを忘れないでください。また、テンプレートを保存した後、更新をクリックすることも忘れないでください。

于 2013-07-05T03:54:47.120 に答える