記事投稿欄をカスタムしてみよう。［新デザイン対応］

ご訪問ありがとうございます。
ブログランキングの応援
をして頂けると励みになります。

ここをクリックしてくださいね。


　



今回は、記事投稿欄をカスタム
してみたいと思います。



【１】記事投稿欄の背景画像の作成

まず、記事投稿欄の背景画像を作成します。
私は、次の画像を作りました。



この画像を任意のフォルダに保存しておきましょう。



【２】画像のアップロード

［ブログを書く］→［画像］ボタン→［参照］ボタンの順にクリックし、
上記【１】の画像を選択し、［アップロード］ボタンをクリックすると、
画像のアップロードは完了です。



【３】アップロードした画像のURLのコピー

このページを下の方へスクロールすると、
先程アップロードした画像があらわれます。



上記赤枠内の［この画像を使う］ボタンをクリックすると、
画像のURLが表示されます。
このＵＲＬをメモ帳にコピーしておきます。



【４】ＣＳＳ編集画面にCSSを追加

次に、［マイページ］→［クイックリンク］→
［スキンCSSの編集］の順にクリックし、
CSSの編集画面を表示します。

その一番下の次に下記のＣＳＳを追加します。

/* ■skinArticle 記事投稿欄■ */
.skinArticle {
background: none repeat scroll 0 0 #fcfcfc;
background-image: url("上記メモ帳にコピーしたＵＲＬをここにコピーします。");
border: 1px solid #3c3837;
padding: 16px 0;
}

すると、記事投稿欄は、次のようになりました。





こちらのブログで確認もできます。
↓↓↓
kiyoのテスト用ブログ



今回は、以上です。



最後まで読んでいただき、
ありがとうございました。

ブログランキングの
応援クリックをお忘れの方は、
ここをクリックしてくださいね。


　

クリックして戴けると、
とても励みになります。