アメブロの画像のぼやけをきれいにする。メッセージボードの利用

今回はメッセージボードの使い方を説明します。


また、アメブロで画像を挿入するとボケてしまう解消法も
合わせて説明していきます。


では、今回はこちらの画像をメッセージボードに
挿入したいと思います。




まずは、アメブロに画像をアップロードするために、
『ブログを書く』から画像をアップロードし画像を貼りつけます。
するとこのようなコードが出てきます。




このコードをメッセージボードに張り付けることにより、
メッセージボードに画像が表示されます。


しかし、このままでは次のようにぼやけてしまうのです。



これは画像の部分のコードを少しだけいじれば
すぐに解消できます。
＜a href="http://stat.ameba.jp/user_images/20140202/13/kulolo-blog/27/24/p/o0800043412832765408.png">＜img src="http://stat.ameba.jp/user_images/20140202/13/kulolo-blog/27/24/p/t02200119_0800043412832765408.png" alt="" width="400" height="220" border="0" />＜/a＞

のt02200119_の部分をoに変えるだけ。

t02200119_0800043412832765408　
↓
o0800043412832765408.png

にすれば改善されます。

あとは
a href=""の""の間に画像をクリックしたときに
飛ばしたいＵＲＬに変えてあげれば完了です。

＜a href="http://yamashitamasahiro.com/">＜img src="http://stat.ameba.jp/user_images/20140202/13/kulolo-blog/27/24/p/o0800043412832765408.png" alt="" width="400" height="220" border="0" />＜/a＞

としてみると下の画像のようにクリックするとページに飛びます。

下の画像をを押してみてください。



リンク先の僕のページに飛ぶようになります。

背景画像の変更

今回は背景画像を変更する方法を説明していきます。

とは、言ってもやり方は

ヘッダーをやった時と同じ。

（４）その他、拡張

ーその他拡張があれば記述　ー
の下の部分にコードを張り付けていきます。

まずは、お好みの背景画像を探しましょう。

「背景　素材」で検索するとたくさん見つかります。

お好みの背景をダウンロードして、アメブロにアップロード。


（４）その他、拡張

ーその他拡張があれば記述　ー
の下の部分にコードを張り付けていきます。


/* 背景画像変更CSS */
body{
background-color:transparent;
background-image:url("");
background-repeat:repeat;
background-attachment:scroll;
}

url("")の""の間の部分にＵＲＬを張り付ければ

完成です。

お好みの背景画像でブログをカスタマイズしましょう。

タイトルの削除

ヘッダーが無地のものであれば

問題はないのですが、

ヘッダーを自分で作成して、ブログタイトルまで

ヘッダー画像に入っている場合、

アメブロで登録したタイトルが邪魔になってしまいますよね。

そんな時にはブログのタイトルを消しましょう。

これもヘッダーやグローバルメニュー同様に

（４）その他、拡張

ーその他拡張があれば記述　ー
の下の部分に着けていきます。

やることは以下のコードを張り付けるだけです。


/* ブログタイトルとブログ説明文削除 */
.skinTitleArea{ /* ブログタイトル削除 */
display:none;
}
.skinDescriptionArea{ /* ブログ説明文削除 */
display:none;
}

このコードにより、

ブログタイトルと説明文が表示されなくなります。

凝ったヘッダー画像をお使いの方は

ぜひ試してみてください。