四季エンピツ

宇宙の叡智と日本の四季を愛するエンピツ書き的日記帳 宇宙の外まで I love all!

PREV | PAGE-SELECT | NEXT

≫ EDIT

FC2ブログ バナーの貼り方 バナーの貼り方がわからない方のために

FC2ブログ バナーの貼り方


かなり前に、FC2ブログのバナーの貼り方を紹介すると宣言していたのですが、
今まで放置してしまっていてすいませんmm

最近、裏ルート(←笑)からバナーの貼り方についての要望があり、
あらためてバナーのはり方を知りたい人やバナーの貼り方がわからない方が
いることがわかりました。

そうした需要に応えるべく、今回は俺の独断と偏見による我流のバナーの貼り方です。
これはインターネットエクスプローラ6.0での操作したやり方です。
なにか不都合が起きても責任は取れませんので、自己責任でお願いしたいのですが
こんな記事でもお役に立てればと思います。

【重要】 この記事は内容が古くなりましたので、加筆して新しく書き直しました。
新メニュー画面にも対応した、こちらの記事をご覧下さい↓  2009年6月11日


FC2ブログ バナーの貼り方 バナーの貼り方が分からない方へ パート2



説明用の画像が多くブログが重くなってしまったので、本文は追記に収納しています。
↓続きは下の「→続きを読む(more)」リンクをクリックして読んでください。↓





<1.バナーをPCにダウンロードしよう!>


①まずは、お好きなバナー画像を選んで、マウスを右クリックします。
※例題として、この四季エンピツブログのバナーを貼る場合で説明していきます。
(よろしかったら練習ついでにでも四季エンピツをバナーリンクして下さい。ご一報くだされば相互リンクさせていただきます。四季エンピツブログのバナー一覧はこちらです。)



--------------------------------------------------------------------------

②右クリックすると、出てくる選択肢の中から…



「名前を付けて画像を保存(S)」を選びます。
--------------------------------------------------------------------------

③そうすると「画像の保存」というのが出てくるので、



とりあえず「デスクトップ」に保存しておきましょう。
もちろん、自分がわかりやすい所なら他の場所でもかまいません。



<2.バナーをブログにアップロードしよう!>


①FC2の管理ページにログインします。

そして、左側のメニュー「ホーム」「アプリケーション」「コミュニケーション」「環境設定」「ツール」・・・などの中にある 「ツール」の中の「ファイルアップロード」をクリックします。



--------------------------------------------------------------------------

②そうすると「ファイル管理」画面になるので、画面中央付近の「アップロード」の中のファイル→「参照」ボタンをクリックします。



③「ファイルの選択」が出てくるので、ファイルの場所(I)を「デスクトップ」にして、先ほどデスクトップに保存しておいたバナー画像を選んで「開く」をクリックします。

FC2管理ページ・ファイル管理画面・アップロードの中の「タイトル」は適当に『四季エンピツのバナー』とでも入れて、すぐ下の「アップロード」ボタンをクリックします。

--------------------------------------------------------------------------

④すると、その画面下の「ファイル一覧」のところに、今アップロードしたバナーがちょっと変形されて表示されているはずです。



そのバナーの上にカーソルを置き、右クリック。→一番下の「プロパティ」を選びます。

--------------------------------------------------------------------------

⑤プロパティの真ん中に、「アドレス(URL)」とあり、「http://bolg~」などではじまるアドレスがあるので、このアドレスをメモ帳などにコピペしておきます。



※メモ帳は、「スタート」→「すべてのプログラム」→「アクセサリ」→「メモ帳」です。




<3.相互リンクのプラグインをつくろう!>

①FC2管理ページにもどります。左のメニューの中から「環境設定」の中の「プラグインの設定」をクリック



--------------------------------------------------------------------------

②「プラグインの管理」という画面になるので画面の上の方の「PC用」の中から「公式プラグイン」をクリック



そうすると、プラグインがずら~っと並んだ画面になるので、下の方の「拡張プラグイン」の中から「フリーエリア」を「追加」します。

--------------------------------------------------------------------------

③フリーエリアを追加すると画面上の方のに赤い字でフリーエリアを追加しました。と出るので、次に「PC用」の中から「プラグインの管理」をクリック



--------------------------------------------------------------------------

④「PCプラグイン」の中の「プラグインカテゴリ1」の中の一番下(プラグインカテゴリ2のすぐ上)に「フリーエリア」が追加されているはずです。



これを右にたどって「詳細」をクリックします。


--------------------------------------------------------------------------

⑤プラグインの設定・フリーエリアの編集 画面になるので、



まずは 『タイトル(40文字以内)』のところを「相互リンク」などに変えましょう。

その下のほうに「フリーエリア内容の変更 各サービスで発行されたHTMLやJavaScriptコードを入力します」という場所があるので、その中に以下のタグ(下のテキストエリアの中にあるタグ)をコピペして貼り付けてください。




--------------------------------------------------------------------------

⑥ここからは、ちょっとむずかしいですがもうひとふんばりです p(^-^)q

貼り付けたタグを編集します。「●●●」の部分を全て消して、変わりに先ほどメモ帳にコピーしておいたURLを貼り付けます。(2-⑤参照)
【注意】この時「”」のような記号も誤って消してしまわないようにしましょう。

次に「▲▲▲」の部分を消して、リンク先のアドレスをコピペしてください。
この例で言えば、四季エンピツブログのバナーを貼るわけですから、アドレスも四季エンピツブログのURLの 「http://yakigamanotogama.blog41.fc2.com/」を入れるわけです。
【注意】この時「”」のような記号も誤って消してしまわないようにしましょう。

ちなみに、「ここに入れた文字は カーソルを乗せたとき 説明文として表示されます。」の部分はお好きなように自由に変えてください。


例題で言えば、こんな感じに編集することになるでしょう。↓



--------------------------------------------------------------------------

⑦編集が終わったら「プラグインの設定・フリーエリアの編集 画面」の下にある「プレビュー」ボタンを押して問題ないか確認してください。

問題なければ「設定」を押して終了です。



↑この様に「相互リンク」という見出しで、四季エンピツのバナーが貼り付けられました~♪

(*^-^)/\(*^-^*)/\(^-^* )ヤッタネ!

もちろん、このバナーをクリックして実際に問題なく動作するか確認してください。
上にも書いたのですが、タグを編集するときに誤って「”」のような記号などを消してしまうと
誤動作するもとになります。十分気をつけてください!





というわけで、できるだけわかりやすくFC2のバナーの張り方を説明したつもりです。
今後もなにか要望があれば、説明記事をコツコツ作ってアップしてみたいと思っています。

(C)2008.4.19.淺木裕太
-2008.10.1.記事更新-
-2009.5.24.記事更新-
関連記事
スポンサーサイト

| その他・未分類 | 23:59 | comments:59 | trackbacks:0 | TOP↑

COMMENT

ありがとうございました!!
おかげでバナーを晴れました!!

| そう | 2008/04/29 12:39 | URL |

こんばんわ!

>そう さん
どういたしましてw

お役に立ててよかったです。

楽しいブログライフを!

| 裕太 | 2008/04/29 23:42 | URL | ≫ EDIT

助かりました。
一番わかりやすかったです。
ありがとうございました。

| ひのえうま | 2008/08/02 10:32 | URL |

こんばんは~♪

>ひのえうま さん
お役に立てた様でよかったです。

お褒めの言葉ありがとうございます^^

| 裕太 | 2008/08/08 01:47 | URL | ≫ EDIT

こんばんは 

とてもわかりやすい説明ですね。
おかげでバナーを貼ることができました。ありがとうございました♪

| usagin | 2008/11/08 00:03 | URL |

はじめまして!
すごく説明が分かりやすかったです!
ありがとうございます!

| ガリュウ&ライン | 2008/11/08 17:40 | URL |

こんばんは~♪

>usagin さん

分かりやすかったですか?

お役に立てた様でよかったです。

| 裕太 | 2008/11/27 23:08 | URL | ≫ EDIT

こんばんわ♪

>ガリュウ&ライン さん

お役に立ててよかったです。

楽しいブログライフを!

| 裕太 | 2008/11/27 23:09 | URL | ≫ EDIT

めっちゃわかりやすかったです!!!!
わからなくってホント困ってました(@-@;))
ありがとうございます!!!

| 黄泉 | 2009/01/24 17:33 | URL |

こんばんは♪

こんばんわ♪
>黄泉 さん

お役に立てたようで良かったです。

楽しいブログライフを!

| 淺木裕太 | 2009/01/27 22:16 | URL | ≫ EDIT

とっても

役にたちました。 今 すこしづつ ブログを変えていこうと思っているので この記事はほんとにありがたかったです

PCのことは まったく わからないので 記事のわかりやすさに脱帽ですよ

ありがとう

| なっくん | 2009/02/08 17:32 | URL |

Re: とっても

>なっくん  さん

こんばんわ♪

お役に立てたようで嬉しいです。

楽しいブログライフを!

| 淺木裕太 | 2009/02/18 23:28 | URL | ≫ EDIT

はじめまして!
あなた最高ですね!!
おかげで、ブログが華やかになりましたw
ありがとうございます7

| 水無月あいり | 2009/04/25 14:48 | URL |

こんばんわ

>水無月あいり さん

はじめまして!

なんだかすごく褒めてもらって

嬉しいです~♪

こちらこそありがとうございます。

| 淺木裕太 | 2009/04/25 23:15 | URL | ≫ EDIT

ありがとうございました!

おかげでよく分かりました^^

分からなくて困っていたので^^;

画像も付いていてとても見やすかったですー^^

ありがとうございました^^

| 和 | 2009/06/18 19:24 | URL | ≫ EDIT

こんばんわ♪

>和 さん

はじめまして!

お役に立てたようで嬉しいです~♪

こちらこそありがとうございます。

楽しいブログライフを!

| 淺木裕太 | 2009/06/20 02:17 | URL | ≫ EDIT

わー!
今まで何をみてもサッパリ貼れないメカ音痴の私が貼れた!!

ありがとうございます!
脚向けて眠れません!

| 福来 | 2009/07/29 19:23 | URL |

はじめまして!
おかげでバナーを貼ることができました!
本当にありがとうございます!

| 流生 | 2009/08/11 12:36 | URL | ≫ EDIT

Re: タイトルなし

>流生 さん
はじめまして!

お役に立てたようで嬉しいです。

楽しいブログライフを!

| 淺木裕太 | 2009/08/14 00:05 | URL | ≫ EDIT

Re: タイトルなし

>福来 さん

お役に立てたようで嬉しいです。

足でも頭でもご自由に向けて下さいw

楽しいブログライフを!

| 淺木裕太 | 2009/08/14 00:07 | URL | ≫ EDIT

ありがとうございました
おかげさまで貼れました

| s | 2009/08/17 21:41 | URL |

Re: タイトルなし

>s さん
お役に立てたようで嬉しいです。

楽しいブログライフを!!

| 淺木裕太 | 2009/08/17 23:41 | URL | ≫ EDIT

はじめましてっ!!

はじめましてっ!
すごく役に立ちましたっ!で、すっごく感謝ですっ!

さいこーですっ!本当にありがとうございましたっ!!

| 藍莉 | 2009/11/22 17:20 | URL | ≫ EDIT

Re: はじめましてっ!!

>藍莉 さん

はじめまして。お役に立てたようで嬉しいです。

コメントを頂いて、こちらも感謝です!

さいこーと言っていただき、重ねて感謝です!

楽しいブログライフを!

| 淺木裕太 | 2009/11/27 00:26 | URL | ≫ EDIT

いろいろやり方を探してもよく分かりませんでしたが、
このブログが一番分かりやすくて、
とても助かりました。

ありがとうございました。

| たるたに | 2009/11/29 20:00 | URL |

あざーす!出来ました!!!

| 南雲晴也 | 2009/12/20 20:31 | URL | ≫ EDIT

Re: タイトルなし

>たるたに さん

はじめまして。返信遅くなりました。

> このブログが一番分かりやすく

と言っていただき、励みになります。

お役に立てたようで嬉しいです。

楽しいブログライフを!

| 淺木裕太 | 2010/01/04 21:48 | URL | ≫ EDIT

Re: タイトルなし

>南雲晴也 さん

お役に立てたようで嬉しいです。

楽しいブログライフを!!

| 淺木裕太 | 2010/01/04 21:49 | URL | ≫ EDIT

死ぬほど感謝!
ありがたい!!!!!

バナー貼れたお(`・ω・′)b

| 素奈 | 2010/01/14 14:55 | URL |

Re: タイトルなし

>素奈 さん

コメントありがとうございます。

> 死ぬほど感謝!

っていうのはちょっと大げさと思いますが(笑
とにかくバナー貼れてよかったですね!

楽しいブログライフを!

| 淺木裕太 | 2010/01/14 23:17 | URL | ≫ EDIT

ありがとうございます&・・

こんにちは。
最近ブログを始めたばかりの初心者です。。
1番分かりやすい説明で、若葉マークの私にも
(年はとってるけどね)1つ貼ることができました。
でも同じ列?(お気に入り)に複数貼るにはどうするんですか?
どこで作業していいのかわからないので
教えていただければ嬉しいです。

| ゆべママ | 2010/03/09 22:23 | URL |

Re: ありがとうございます&・・

>ゆべママ さん

はじめまして、こんばんは。
当ブログ記事がお役に立てたようで嬉しいです。

> でも同じ列?(お気に入り)に複数貼るにはどうするんですか?
> どこで作業していいのかわからないので
> 教えていただければ嬉しいです。

とのことですが・・・
同じ列???のところの意味がちょっとよく分かりません(焦
おそらく・・・
バナーを並べて表示したいということなんでしょうか?

とりあえずの処置としては、
<a href・(略)><Img・・・(略)></a>
一つめのバナータグと
<a href・・・(略)><Img・・・(略)></a>
二つめのバナータグとの間に

<br />

というタグを入れると、だいたい並べられます。
とりあえずの処置ですが・・・

分からなければ、また聞きに来てください。
ゆべママさんのブログのURLを教えていただければ
こちらも説明しやすいかもしれないです。

| 淺木裕太 | 2010/03/10 23:33 | URL | ≫ EDIT

説明不足で・・・・

若葉マークは説明も四苦八苦でございます。
そうです。
いろんなバナーをだ~っと並べたいんです。
専門用語もよくわっかてないものですから・・・。
でも、おかげさまで同じところで作業すればいいということが
わかりました。頑張ってできました~。
わかりやすい説明が出来るというのも才能ですね。
ありがとうございます。
今後もつまずいたらよろしくお願いします(←ずうずうしい主婦)

| ゆべママ | 2010/03/11 21:17 | URL |

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

| | 2010/03/12 20:57 | |

Re: 説明不足で・・・・

>ゆべママさん

こちらの説明がお役に立てたようで嬉しいです。
はじめは誰でも若葉マークですが、
そのうち慣れてきます。慣れるまでが少し辛抱です。

またこちらが分かる事であれば
ご説明させていただきます。

| 淺木裕太 | 2010/03/13 22:56 | URL | ≫ EDIT

管 理人のみ閲覧の方

>管 理人のみ閲覧の方

そちらのブログへ返信しましたので
ご覧下さい。

| 淺木裕太 | 2010/03/13 23:01 | URL | ≫ EDIT

助かりました

とっても分り易く、初心者のわたしにも貼ることが出来ました。
これからも頼りにしてます!!ありがとうございました。

| りんごの木 | 2010/03/18 14:51 | URL | ≫ EDIT

Re: 助かりました

>りんごの木 さん

はじめまして。

このブログの記事が
お役に立てたようで嬉しいです。

楽しいブログライフを!!

| 淺木裕太 | 2010/03/19 00:18 | URL | ≫ EDIT

初めまして

ありがとうございます
おかげで、超初心者の私も
バナー貼ることができました♪
感謝しています

| summer♪ | 2010/04/04 19:14 | URL |

Re: 初めまして

>summer♪ さん

はじめまして。
コメントありがとうございます。

超初心者からでもブログは楽しめますので
がんばってくださいね。

楽しいブログライフを!


| 淺木裕太 | 2010/04/04 23:50 | URL | ≫ EDIT

はじめまして!

とても詳しい説明で助かりました^0^
ありがとうございます┌○))ペコリ

| すずはるか | 2010/04/24 00:48 | URL |

はじめまして

>すずはるか さん

はじめまして、こんばんは!

> とても詳しい説明で助かりました^0^

お役に立てたようで嬉しいです。
楽しいブログライフを!

| 淺木裕太 | 2010/04/26 22:31 | URL | ≫ EDIT

フリーエリアの追加ができません!

こんばんは、初めまして!
とても分かりやすい説明で助かっています。
ただ、手順通り「(PC版)公式プラグインの追加」を押して「フリーエリア」の追加を押しても、画面上に「フリーエリアを追加しました」というメッセージが出ません。
いきなり「フリーエリアの編集」画面に飛んでしまいます。
プラグイン管理を押して、プラグインカテゴリの表示を見ても、「フリーエリア」の項目は入っていません。
何が悪いんでしょうか?
初心者の私にはさっぱりわかりません。
よろしければ、教えて頂けると助かりますm(__)m。

| KYO1966 | 2010/07/31 00:46 | URL |

Re: フリーエリアの追加ができません!

>KYO1966 さん

はじめまして、こんばんは。
コメント&お褒めのお言葉ありがとうございます。

KYO1966さんがご覧になっているこの記事は、
昨年の6月に書き直しをしており、古い記事であることは、
この記事の冒頭にも記入済みです。
冒頭にリンクも貼ってありますのでそちらをご覧下さい。

KYO1966さんの質問を受けて先ほど最新版の記事の方も
一部修正しておきました。ご質問ありがとうございました。

| 淺木裕太 | 2010/07/31 20:05 | URL | ≫ EDIT

とても分りやすかったです!!
おかげさまで、バナーをやっと貼ることができました。
ありがとうございました。

☆^ヽ(*^-゚)vThank you♪v(゚∇^*)/^☆

| びーちゅう | 2010/08/14 19:52 | URL |

>びーちゅう さん

>びーちゅう さん

コメントありがとうございます。

お役に立てて嬉しいです!

楽しいブログライフをお送り下さい~♪

| 淺木裕太 | 2010/08/15 23:35 | URL | ≫ EDIT

私も貼り付け方がわからず、このブログをみて貼ることができました
ありがとうございます^^

ですがバナーが画像を保存したときよりも小さくなってしまいます。

この対処法を教えてください><

| puri | 2010/08/21 23:01 | URL |

Re: タイトルなし

>puri さん

コメントありがとうございます。

> ですがバナーが画像を保存したときよりも小さくなってしまいます。
> この対処法を教えてください><

とのことですが、それだけではこちらでも何が原因で
どのように対処するべきかまったく分りかねます。
何らかの原因で画像が小さく指定されているのだろうとは思いますが?
お答えしようがありませんmm

| 淺木裕太 | 2010/08/22 02:00 | URL | ≫ EDIT

はじめまして!この記事のおかげでバナーを張る事が出来ました~本当にありがとうございます! ものすごく失礼なのですが、テキストリンクの張り方は分からないでしょうか・・・?もし分かっていたら教えていただけると幸いです!

| 名前が未記入で | 2010/08/28 17:10 | URL |

Re: タイトルなし

>名前が未記入 さん

はじめまして!コメントありがとうございます。
お役に立てたようで嬉しいです。

>テキストリンクの張り方は分からないでしょうか・・・?
>もし分かっていたら教えていただけると幸いです!

テキストリンクの基本は、

<a href="リンク先のURL" target="ターゲット指定(任意)">ここにテキスト</a>

このようなタグになります。
(コメント欄の禁止ワードの制約があるため全角でかいていますが
タグの部分は全て半角英数字です。半角に直してくださいね。)

| 淺木裕太 | 2010/08/28 20:52 | URL | ≫ EDIT

ありがとうございます。

ブログを始めて3ヶ月

バナーの意味すら分からない者が、
何とか作れたようです。

相互リンク?内容が良くわかっていないのですが、
よかったのでしょうか?

とにかく、ありがとうございます。

| yoshi | 2010/10/21 10:39 | URL |

Re: ありがとうございます。

>yoshiさん

はじめまして。
ご訪問&コメントありがとうございます。

ブログをはじめて3ヶ月ということですが、
お役に立てたようで嬉しいです。
これからも楽しいブログライフをお送り下さい。


それと相互リンク有難うございます。
今後ともよろしくお願いいたします!

| 淺木裕太 | 2010/10/21 20:53 | URL | ≫ EDIT

NO TITLE

バナー貼れました!
すごい分かりやすかったです。
ありがとうございました。

| midoji | 2011/04/09 18:07 | URL |

Re:

>midoji さん

コメント有難うございます。
こちらは節電のためしばらく更新を控えており、
返信が遅れました。すみません。

このブログがお役に立てたようでよかったです。
楽しいブログライフをお送り下さい。

| 淺木裕太 | 2011/04/12 23:27 | URL | ≫ EDIT

こちらを参考にしながら、バナーが貼れました。
ありがとうございます。

| 名前が未記入で | 2011/09/03 23:47 | URL |

おかげさまで

バナー貼れました!
ありがとうございます!!

| ぴょん吉 | 2012/02/22 02:49 | URL |

Re: おかげさまで

>ぴょん吉 さん
返信遅くなりましたmm

コメントありがとうございます。
お役に立てたようで嬉しいです~
素敵なブログを作ってくださいね~♪

楽しいブログライフを!

| 淺木裕太 | 2012/03/03 17:08 | URL | ≫ EDIT

NO TITLE

はじめてのバナー!
おかげさまで無事に貼れました!!

とっても分かりやすかったです。
ありがとうございました。

| madoka. | 2012/03/25 17:49 | URL | ≫ EDIT

Re:

madoka. さん

コメントありがとうございますmm

はじめてバナーが貼れたそうで
よかったですね~!
お役に立てて嬉しいです~☆

楽しいブログライフを!!

| 淺木裕太 | 2012/04/12 23:33 | URL | ≫ EDIT















非公開コメント

TRACKBACK URL

http://yakigamanotogama.blog41.fc2.com/tb.php/7-2bff2397

TRACKBACK

PREV | PAGE-SELECT | NEXT