記事投稿欄をカスタマイズしてみましょう。 | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

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

ここをクリックしてくださいね。
      ダウン
宝石赤人気ブログランキング
宝石ブルーFC2ブログランキング



今日は、
記事投稿欄に背景画像を固定して、
スクロールバーを設置してみたいと思います。



1 まず、画像編集ソフト(Gimp等)を使って、
記事投稿欄に使う背景画像を作ります。



出来上がったのがこちらの画像です。
↓↓↓
記事投稿欄に使う背景画像



2 次に、上記の画像をアメブロにアップロードし、
そのURLをメモします。



3 CSS編集画面を開き、下記のCSSを追加します。

/* ■スクロールバーの設置■ */
.skinArticleBody {/* 記事投稿欄 */
background:url(上記②の画像のURL) center top no-repeat,fixed;
height:500px;
overflow:auto;
}

※メモした「上記②の画像のURL」の箇所をコピペして入力します。



CSSを保存してアメブロを開くと、
記事投稿欄は次のようになりました。

記事投稿欄のカスタマイズ