Bloggerでヘッダーサイズを編集する方法

ステップ1

GmailアドレスとパスワードでBloggerにアクセスします。 ブログリストから編集するブログを選択します。

ステップ2

画面上部の[HTMLの編集]をクリックして、HTMLエディターにアクセスします。 これは、変更を行う場所です。 変更する前にテンプレートのバックアップコピーを作成し、画面上部の[完全なテンプレートをダウンロード]をクリックします。 「ダウンロード」フォルダーや「デスクトップ」フォルダーなどの安全な場所に保管してください。

ステップ3

キーボードの「Ctrl」キーと「F」キーを押しながら、検索フィールドを開きます。 「ヘッダーラッパー」を検索し、「次へ」ボタンをクリックします。 Bloggerでは、簡単にアクセスできるように単語を緑色で強調表示します。 使用しているBloggerの設計によっては、「ヘッドラッパー」コードは次のようになります。

ヘッダーラッパー{

背景:#ffffff url(// imageaddress); 高さ:375px; 幅:1000px; マージン:0 auto 0px; border:0px solid $ bordercolor; }

ステップ4

「ヘッダーラッパー」には高さと幅があることに注意してください。 ヘッダーのサイズに合わせて高さと幅を変更します。 したがって、ヘッダーが幅900ピクセル、高さ200ピクセルの場合、それに応じてコードを変更します。

ステップ5

変更を保存し、サイトを確認します。 ヘッダーがデザインの外側よりも小さいか、まだ大きすぎるかを確認します。 外観に満足している場合は、次の手順を無視できます。

ステップ6

デザインの「HTML Edition」に戻り、「Outer-wrapper」を検索します。 次のようなものが表示されるはずです。

外側のラッパー{

幅:1000px; マージン:0車; パディング:0px; 境界線:2pxソリッド#696CB3; 背景:#E6ECF7; text-align:$ startSide; フォント:$ bodyfont; }

ステップ7

完全にフィットさせるには、「外側のラッパー」の幅がヘッダーの幅と一致していることを確認してください。 ヘッダー画像の幅が900ピクセルの場合、「アウターラッパー」の幅を900ピクセルにします。 ナビゲーションバーまたはブログのメインコンテンツのためにヘッダーの下部が消え続ける場合は、「Out-wrapper」の高さを変更します。

ステップ8

変更を保存し、ブログを確認します。 続行する前に、物事が正しく整列していることを確認してください。 変更に満足できない場合は、以前に保存したテンプレートをアップロードします。 それ以外の場合は、後でHTMLコードを変更する必要がある場合に備えて、テンプレートを再度保存します。

興味深い記事