Bloggerでバナーサイズを編集する方法

Bloggerブログのバナーまたはヘッダー画像には、すべてのブログ投稿の上に会社の名前とロゴが表示されます。 バナーは、はっきりと見えるように、そしてそのイメージが読者の心に残るために十分な大きさでなければなりません。 ただし、バナーが大きすぎると、ブログの全体的な境界を超えてしまい、その一部が表示から隠れてページのレイアウトが壊れてしまいます。 ブログのHTMLテンプレートを編集して、ヘッダーバナーを縮小または拡大します。

1。

ブログのダッシュボードを開きます。 ブログ名をクリックしてその概要ページを開きます。

2。

「テンプレート」をクリックしてテンプレートを編集します。

3。

テンプレートコードを開くには、[HTMLの編集]をクリックします。

4。

テンプレートのテンプレートヘッダーを探します。 ヘッダスタイルは "header"または "header-wrapper"と呼ばれることがあります。 次のようになります。

ヘッダーラッパー{

背景:#ffffff URL(/images/banner.png); 高さ:400ピクセル。 幅:1000ピクセル。 マージン:0 auto 0px。 border:0px solid $ bordercolor; }

5。

「400」を画像の高さに置き換えます。 "1000"を画像の幅に置き換えます。 たとえば、幅600ピクセル、高さ240ピクセルを選択するには、コードを次のように変更します。

ヘッダーラッパー{

背景:#ffffff URL(/images/banner.png); 高さ:240ピクセル。 幅:600ピクセル。 マージン:0 auto 0px。 border:0px solid $ bordercolor; }

6。

[保存]をクリックしてください。

人気の投稿