FC2(エフシーツー)ブログにバナーを貼る方法

FC2ブログのサイドバーにバナーを貼る方法

エフシーツーの無料ブログのサイドバー(PC)にバナーを貼る方法を紹介します。バナーの貼り方は、2011年1月に記事を書いた時点でのやり方です。最新の情報はご自分でお確かめください。私の環境は「MacOS/FireFox」ですので、みなさんの環境に置き換えて読んでください。

スポンサードリンク

貼りたいバナーを自分のパソコンに保存する

このページでは『おはなしだいすき』のバナーを例にとってFC2ブログにバナーを貼りつける方法をご紹介します。まず、貼りたいバナーをダウンロードします。たとえば『おはなしだいすき』のホームページを開いて・・・


ページの下のほうにあるバナーをみつけてください。そして好きなバナーの上で、右クリックして名前をつけて画像を保存します。


どこに保存したか「保存する場所」を覚えておいてくださいね。


スポンサードリンク


FC2ブログの編集

次にFC2の管理画面を開きます。左にメニューが並んでいる中から【ツール】を探し、「ファイルアップロード」をクリック。そして「参照」をクリックし、保存したバナーを選びます


「アップロード」をクリックするとファイル一覧に小さなバナーの画像が出てきています。


「アクション」の下にある、「この画像で記事を書く」をクリック。


すると「新しく記事を書く」というページに飛びます。


スポンサードリンク


文字列の編集

「本文の編集」の枠の中には下のような文字列が入っています。

※例:
<a href=”http://blog-imgs-××.fc2.com/n/a/2/ABC/ohanashi149_7501.gif” target=”_blank”><img src=”http://blog-imgs-32.fc2.com/n/a/2/ABC/ohanashi149_7501.gif” alt=”” border=”0″ width=”149″ height=”75″ /></a>

※ ××とか、ABCというのは「例」です。みなさんのブログでは違う文字列になっています。


そうしたら、最初の行の

<a href=”http://blog-imgs-××.fc2.com/n/a/2/ABC/ohanashi149_7501.gif”

の「http://〜」を、おはなしだいすきのURL

「http://ohanashi-daisuki.com/」 に変えてください。

↓ つまり、こうなります。

<a href=”http://ohanashi-daisuki.com/・・・

そうやってできた文字列を全部コピーします。

※例:
<a href=”http://ohanashi-daisuki.com/” target=”_blank”><img src=”http://blog-imgs-××.fc2.com/n/a/2/ABC/ohanashi149_7501.gif” alt=”” border=”0″ width=”149″ height=”75″ /></a>

※このページの文字列をコピーするのではなく、

みなさんのブログの文字列をコピーしてくださいね。

『フリーエリア』にバナーを追加する

左のメニューの「環境設定」の中にある「プラグインの設定」をクリック。


それから、PC用 「公式プラグイン追加」をクリックします。


「拡張プラグイン」という文字を探してフリーエリアの「追加」をクリック。


「プラグインの設定」のページに戻ります。


「フリーエリア内容の変更」の枠の中に、さっきコピーした文字列を、貼りつけ(ペースト)します。タイトルに「おはなしだいすき」と入力し、「追加」をクリック。

バナーの確認

では、ブログに、バナーが貼れているか確認しましょう。※「ブログの確認」をクリックしてブログを表示させてから「最新の情報に更新」「再読込み」などのボタンを押してください。みなさんのブログとは、ようすがちがうかもしれません。。


最後に、クリックしてみて、『おはなしだいすき』のホームページに飛んでいくか確認してみてください☆以上で終わりです☆

過去にいただいたコメント

書籍&Kindle本

山元加津子の本

ひろめてください

白雪姫プロジェクト

おはなしだいすき


おすすめ

↑ PAGE TOP