メッセージボードの背景画像を変更する(css)2013.01.22アメブロカスタマイズここでは、アメブロのcssを編集して「メッセージボードの背景画像を変更する方法」を説明します。cssを編集するにはブログデザインを「CSS編集用デザイン」にする必要があります。アメブロのメッセージボードの背景画像を変更する方法マイページ右上の「アメーバのサービス一覧」をクリックします。[デザインの変更]をクリックします。[cssの編集]をクリックします。cssの編集画面が表示されます。ここから、メッセージボードの背景画像を変更するためのcssの編集に入ります。[参照]ボタンをクリックしてアップロードする画像を選択します。(メッセージボードの背景画像を変更するためのcssを追加するまえに、背景画像として表示したい画像をアップロードする必要があります。)アップロードしたい画像を選択して[開く]ボタンをクリックします。これでアップロードの準備ができたので、[アップロード]ボタンをクリックして画像をアップロードします。アップロードが完了すると、アップロードした画像(上の赤枠)とアップロードした画像のURL(下の赤枠)が表示されます。アップロードした画像のURL(下の赤枠)は後で利用します。下の赤枠の内容をコピーします。これがメッセージボードの背景画像を変更するためのcssです。赤文字の部分をアップロードした画像のURLに書き換えて利用してください。.skinMessageBoard{background-image:url(http://example.com/hogehoge.jpg);}コピーした内容はcssの一番下の部分に貼り付けます。貼り付けが終わったら、[保存]ボタンをクリックして追加したcssを保存します。保存できたらブログを表示し、ブラウザの更新ボタンをクリックします。(古いデータが残っていると変更したcssが反映されませんので、ブラウザの更新ボタンをクリックして最新の状態に更新します。