FC2版・バナー貼り方講座。

どもも、ナナ☆ですん。

以前、楽天でブログ運営していましたので
楽天での画像の画像の貼り方や公式バナーの貼り方は
ご説明してきました。

んで今度はFC2の場合の画像の貼り方や、公式バナーの貼り方を
ご説明したいと思います。

1、まずは公式バナーの画像を自分のPCに保存

公式バナーは
http://members.redsonline.jp/game_info/community/fansite/entry.asp
ここにある画像の中から好きなのを選んで右クリック
「名前をつけて画像を保存」で、自分のPCに保存しましょう。
保存場所はまぁどこでもいいです。
ブログ用のフォルダを作っているならそこでもいいしデスクトップでもいいし。
これで第一段階終了。

2、バナーをどこに貼るか決めよう!

楽天ブログの場合「トップページ自由編集欄」ってのがありましたので
そこにはっつければ終了でした。
しかしFC2の場合はテンプレートが多種多様ですので
結構どこにでも貼れてしまいます。
ただし。
公式には
「c2006 L&K Logic Korea Co., Ltd. All Rights Reserved.
c2006 GameOn Co., Ltd. All Rights Reserved.
当サイトで利用している画像及びデータは、株式会社ゲームオンに帰属します。
許可無くご利用又は転用になられる事は出来ませんので、予めご了承下さい。」

この文章を必ずトップページのどこかに入れてくださいとなっていますので
それを前提でどこに貼るかを決めましょう。
サイドカラム(コンテンツがある部分)にも挿入は可能です。
まぁやたら長くなっちゃうけどね…後ほど説明します。

私が今選んでいるテンプレートは「テンプレートの編集」を見ると
「ここがトップページのフリーエリアですよ〜」みたいなことが
ちゃんと書かれていたので非常にわかりやすかったです。
こういう丁寧な解説をしているテンプレートもたくさんありますので
(共有テンプレートでプレビューしてみればトップフリーエリアがあるかどうかわかります)
是非いろいろ探してみてください。なんせ数多いからね。

3、バナーを貼るためのタグを作る

さて、とりあえず今私が使用しているブログのように
まずはトップページに貼るという前提で説明していきます。

まずは画像を表示するためのタグを作らなくてはいけません。
タグっていうのは画像を表示させたり枠を作るためのウェブ上の記号だと思ってください。
これは「テンプレートの編集」で直接編集もできますが
間違えて他を消してしまうとあとでとんでもないことになるので
メモ帳かなんかを開いてそこで作成することをお勧めします。
なのでまずはメモ帳を開いておきましょう。

まずは工程1で保存した画像を、自分のブログに登録します。
これはFC2の公式ページの
http://blog.fc2.com/fileup.html
ここにちゃんと書いてあります。
ただし、この説明はブログの記事内で画像を貼る場合の方法ですので
このページの説明「1.ファイルのアップロード」だけでオッケー。
ファイルアップロードしたら次からの工程はちょっと違います。

この手順でバナー画像を登録したら、下の画像リストに追加されます。

ここからがちょっとやっかい。

まずリストに追加された公式のバナーをクリック。



すると、画像のみが別ウィンドウで表示されます。



ここで表示されたアドレスをまずはメモ帳にコピーしておきましょう。
このアドレスは画像のアドレスだと思ってください。

で、以下のタグの中に、コピーしたアドレスを入れます。

<img src="ここに画像のアドレス" border="0">

これで画像は表示されるようになりました。
しかしこれに、公式へのリンクを貼らなければいけません。
さらにこのタグに公式へリンクさせるためのタグを追加します。
するとこのような感じになります。

<a href="http://www.redsonline.jp/" target="_brank"><img src="ここに画像のアドレス" border="0"></a>

これで、画像を貼るためのタグは完成です。

ここで完成したタグを工程2で説明した
トップページのどこかに貼れば、表示されます。
テンプレートの編集を開き、「ココがトップ自由欄ですよ〜」と表示のある部分に
この記号を貼り付けましょう。文章も忘れずに。

4、TOPに自由欄がないブログを使いたい

さてココで問題なのは、FC2ブログのテンプレートには
TOPページ自由欄がないものもあります。
その場合どうすればいいか。
ここで使えるのが「プラグインの設定」です。

FC2には自由に使える「フリーエリア」っていうものがあります。
私のブログにもありますね。カウンターの下のBBSとかの部分です。
このスペースを追加して、ここに貼ってしまえばいいわけです。
トップページに貼るよりももしかしたらこっちのほうが楽かも。

まず管理画面「環境設定」内の「プラグインの設定」を押します。

そして自分のブログに「フリーページ」というプラグインがあるかどうかチェック。
あればいいのですが無い場合「プラグインの追加」を押して、



スクロールしてみるとこんなのがあると思います。



フリーエリアです。
これをどこに入れるかカテゴリーを選び(カテゴリーってのは左右にある細長いスペース。)
追加します。これでフリーエリアがブログに追加されました。

ではフリーエリアに先ほどの公式バナー画像を貼りましょう。
再び「プラグインの設定」内の



ここをクリック。
そして


こんなページが出てきますので、この間の部分に



さっき作ったタグを貼り付けましょう。
一応プレビューで確認しておかないとね。
プレビューをポチっとすると…



おおできた!
まぁこんな感じです。


ここでまたまた困るのがバナーのサイズとカテゴリーのサイズ。
公式バナーの横サイズが150ピクセルあります。
これがカテゴリーより大きい場合もあるんですね…
そうするとブログが崩れてしまいます。
こればっかりは私もどうしようもありません!
ブログを構成しているタグをいじらなきゃいけないので
とてもとてもここで説明ができない(ノ∀`)

できるだけカテゴリーの幅が大きいものか、トップ自由欄があるものを
選ぶといいかも。
2カラム(左右どちらかにしかカテゴリーがないタイプ)の場合は結構幅大きいので
ほぼ大丈夫だと思います。
ちなみにナナ☆が今使っているブログでカテゴリーにバナーはろうとすると
崩れます(ノ∀`)


こんなところかなぁ…

説明が至らない点があるかもしれませんが
もしこれでもよくわからんわ!という方、
お気軽に質問してくださいな(´・ω・`)

みんなもどんどんブログを作ろうぜ!


inserted by FC2 system