「日本代表の次は横浜代表を応援しよう! ~三ツ沢のドレスコードはブルー~」Produced by Clubmember Official Steward
http://www.yokohamafc.com/article/news/5064.html

OSプロデュースという形で、7月17日の対柏戦を盛り上げましょうという企画です。OSの活動第一弾です。

もう一度、柏レイソル戦バナーを貼ろう!
http://www.yokohamafc.com/article/fanzone/match0717_3.html

バナーが公開されてからブログで取り上げてくれてる方がけっこういらっしゃるのでうれしいです。

中にはバナーの貼り方がわからないというお父さんもいるようなので、簡単に。


※livedoorのオフィシャルコミュニティブログでの簡単な方法についての説明です。

(その1)バナーをダウンロード!

当たり前だけど、バナーをダウンロードしましょう。
http://www.yokohamafc.com/article/fanzone/match0717_3.html

僕は上から4つ目の正方形?のやつにしました。

(その2)バナーをアップロード!

次に保存したバナーの画像をブログサイトにアップロードします。これは通常の画像のアップロードと同じです。

(その3)バナーを貼る場所を決めよう!

ここでは、簡単のため、ブログのデザインをいじくらず、ブログパーツで対応します。

管理画面の「ブログ設定」にある、「ブログパーツ」の欄の、「新規追加」をクリック。

「ブログパーツの追加」タブにある、「フリーエリア」を選ぶのが簡単だと思います。「追加」をクリック!

出てきた枠の中に、書き込めばOKです。

(その4)HTMLを書く!

画像の記述は、
<img src="http://livedoor.blogimg.jp/takaohblog/imgs/6/e/6e6e5f06.jpg" width="200" height="200" border="0" alt="match0717bn125_125" hspace="5" class="pict" />
とかなんとかになりますよね。これは僕のやつの例です。src=のところまでコピーしちゃだめですよ、と思ったけど、面倒な場合はそのまんま使ってもらって大丈夫です。そうしたらダウンロードもアップロードも手間が省けますね。最初と最後の全角の<>は半角の<>にしてください。

リンクを貼りたいので、前後を<a href="http://www.yokohamafc.com/article/fanzone/match0717.html" target="_blank"> と </a>で繋いで、全角の<>はそれぞれ半角の<>にしてください。これもそのままコピーしていただいてだいじょぶです。

<a href="http://www.yokohamafc.com/article/fanzone/match0717.html" target="_blank"><img src="http://livedoor.blogimg.jp/takaohblog/imgs/6/e/6e6e5f06.jpg" width="200" height="200" border="0" alt="match0717bn125_125" hspace="5" class="pict" /></a>

みたいにすれば大丈夫。しつこいですが、<>は<>に変換してください。僕の画像のURLのままコピーしちゃって大丈夫です。サイズだけ変更(200→150とか)されるとよいかもです。

(その5)設定!

あとは「保存する」をクリックで保存し、最後に「ブログパーツの設定」タブで今のパーツを配置する位置を決め、「ブログに反映する」をクリックしてできあがり。

match0717bn125_125