今日から12月ですね^^*
新しい手帳をおろし、自分の目標に近づけるように
少しずつ前へ進んでいこうとおもいます♡
ーーー
前回に引き続きメッセージボードのカスタマイズ♡
メッセージボードに画像を載せる・貼る方法です♡
メッセージボードとは↓
![](https://stat.ameba.jp/user_images/20151129/22/chuxxxgirl/5b/d4/p/o0465035813497813541.png?caw=800)
アメブロのトップページの真ん中に表示される部分のことです♡
以前、アメブロでお客さんがはじめて来てくださった時に
何のブログなのかすぐわかるようにしたい
自分で新商品や新作などを目立つ部分に載せたい
というご質問をいただき簡単にできる方法?を考えました。
で、メッセージボードやサイドバーに画像を貼っているショップさんを発見し
とっても見やすくてわかりやすいな♡と思ったのでご紹介しますね♡
![りぼん](https://emoji.ameba.jp/img/user/20/20070602/53559.gif)
![ハート](https://emoji.ameba.jp/img/user/ka/kamabokopero/15837.gif)
旧バージョンのタグ編集エディタを使用しています。
![1](https://stat.ameba.jp/blog/ucs/img/char/char2/269.gif)
![2](https://stat.ameba.jp/blog/ucs/img/char/char2/270.gif)
![](https://stat.ameba.jp/user_images/20151201/19/chuxxxgirl/15/24/p/o0612024613499644278.png?caw=800)
![3](https://stat.ameba.jp/blog/ucs/img/char/char2/271.gif)
![](https://stat.ameba.jp/user_images/20151201/19/chuxxxgirl/99/68/p/o0480031513499652623.png?caw=800)
![4](https://stat.ameba.jp/blog/ucs/img/char/char2/272.gif)
<a href="http://stat.ameba.jp/user_images/..."><img src="http://stat.ameba.jp/user_images/....jpg" width="220" alt="" border="0" ><a>
ふたつめのかっこimg scr~ではじまる内容をすべてコピーする
![](https://stat.ameba.jp/user_images/20151201/19/chuxxxgirl/ed/79/p/o0604024413499644279.png?caw=800)
![5](https://stat.ameba.jp/blog/ucs/img/char/char2/273.gif)
以上です。
画像を貼り付けるタグは
<img src="画像のアドレス">
なので、この方法で画像のアドレスがわかればサイドバーにも応用できます♡
ためしに自分のブログのメッセージボードに画像を貼ってみました♡
こんな感じで何枚かのせてもいいとおもいます♡
![](https://stat.ameba.jp/user_images/20151201/20/chuxxxgirl/7f/fc/p/o0520035513499687485.png?caw=800)
メッセージボードに画像を乗せればぱっとみてどんな内容のブログか分かりやすくなりませんか?
![ラブラブ](https://stat.ameba.jp/blog/ucs/img/char/char2/035.gif)
ヘッダー画像がなくてもメッセージボードに貼る画像なら
スマホなどでも加工して用意できるので是非試してみてくださいね♡