Lekumo ブログOEM

Lekumo ブログOEM マニュアル

バナー画像を変更する

Lekumo ブログOEM のデザインを利用しているブログで、バナー画像を変更するには以下の手順で CSS を追記します。
この方法を利用すると、バナー画像全体にブログトップページへのリンクが設置されます。

  1. バナー画像を作成する
    ※ きれいに表示するためには、バナー画像の幅は 800 px 程度がお勧めです。
  2. ファイルマネージャーで作成したバナー画像をアップロードする
  3. アップロードした画像を表示し、ブラウザのアドレスバーから画像の URL をコピーする
  4. [ホーム] - [ブログ] - [(ブログ名)] - [デザイン] ページを開き [カスタムCSSを編集] をクリックする
  5. 以下の内容を貼り付ける
    ※ 「バナー画像の URL」は手順 3 でコピーした URL に変更してください。
    ※ 「150px」は作成したバナー画像の高さに変更してください。
  6. div#banner {
    background: url(バナー画像の URL) no-repeat;
    height: 150px;
    }
    
    #banner-inner { overflow: visible; padding: 0; }
    
    #banner-header
    {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    }
    
    #banner-header a
    {
    display: block;
    left: 0;
    top: 0;
    height: 125px;
    text-indent: -1000em;
    }
    
    #banner-description
    {
    overflow: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    text-indent: -1000em;
    }
    

    ※ バナー画像全体にブログトップページへのリンクを設置しない場合は以下の内容を貼り付けます。

    div#banner {
    background: url(バナー画像の URL) no-repeat;
    height: 150px;
    }
    
  7. [変更を保存] ボタンをクリックする
バナー画像の作成は、ご利用の画像編集ソフトにて行ってください。また、画像編集ソフトのご利用方法については画像編集ソフト提供会社へお問い合わせください。
page top