FC2ブログのサイドバーに画像を載せる方法を分かりやすく図説

目安時間:約 5分

FC2ブログを利用していて思うことは、

 

いや…古いバージョンのやり方しか紹介してなくて正直困るわぁ…ってことですよね。

 

そこで今回は新しいFC2ブログ対応!サイドバーに画像を載せる方法を紹介します。

 

張り付けたい画像をアップロードしておく

自分がサイドバーに張り付けたいと思っている画像をアップロードしておきましょう

 

まず、FC2ブログにログインしてください。→(FC2ブログへのログイン方法はこちら)

 

ログインしたら、「ホームタブ」の「ファイルアップロード」をクリックします。

 

するとこの画面が表示されるので、サイドバーに張り付けようと考えている画像が入っているファイルを開き、ドラッグ&ドロップでアップロードしてください。→(もっと詳しい画像アップロードの方法はこちら)

 

画像のURLをコピーする

ファイルアップロード画面を下にスクロールすると「ファイル一覧」という場所が出てきます。

アップロードした画像のURLがあるので、それを「Ctrl+C」のショートカットキーまたは「右クリックで一覧を出した後、コピーを選択」してコピーしましょう。

画像URLは全選択の「Ctrl+A」のショートカットキーを使ったり、自分で手で選択せずともワンクリックで全選択する仕様になっているので、そのままコピーしちゃってください。

 

 

フリーエリアを追加する

 

フリーエリアを追加する作業に入ります。

設定タブの「プラグインの設定」をクリックしてください。

開くとこのようなページが出てきます。まず、赤い四角で囲まれた「公式プラグイン追加」をクリックしましょう。

 

 

 

新しい画面が表示されるので、下画面にスクロールしていくと、「拡張プラグイン」という場所に「フリーエリア」という欄があります。右端に「追加」と書かれているのでそこをクリックしてください。

 

 

フリーエリアにURLを張り付ける

クリックすると「フリーエリアの編集」というページが表示されます。

ここではサイドバーを増やす作業を行うことができます。

タイトルはサイドバーの名前になります。今回は「ねこちゃん」としてみます。

 

では、フリーエリアに画像URLを貼っていきます。

画像URLは赤い四角で囲った部分に張り付けるんですが、そのまま張り付けないでください。

 

 

そのまま張り付けるとこのように文章と認識されて表記されるので、HTMLに絡めて記述しなければなりません。

<div>
<img src="" />
</div>

このHTMLを利用して画像と認識させます。

このHTMLを記述した後、先ほどコピーした画像URLをダブルコーテーションの間に張り付けてください。(ダブルコーテーションはこれ→"")

画像URLを張り付けられたら、下にある設定と書かれた青いボタンをクリックしてください。

 

更新をクリックします。

「設定」を押す前に「プレビュー」を押すと画像が表示されなくて、「え?本当にこれで会っているの???」と疑ってしますが、「設定」を押した後に見るときちんと変更してあるので、安心してください。普通設定を押す前の確認として「プレビュー」があるような気がするのですが…

 

完成

これでサイドバーに画像を表示することができるようになりました(ちょっと顔が見切れちゃいましたけど…汗サイズの問題ですね。)

 

違うテンプレート(basic white)を利用すると、くっきりと綺麗にはまりました。

 

これで作業は以上です。お疲れ様でした!

この記事に関連する記事一覧

コメントフォーム

名前

メールアドレス

URL

コメント

管理人プロフィール

 

アフィリ猫:管理人

ブログアフィリエイトアドバイザー。
女子大生向けブログアフィリエイトの情報を発信する人(猫)。

管理人詳細プロフィール

 

ひきこちゃん

私立大学に入学してから学費を自分で払うためにアルバイトを探している女子大生。しかし、人と関わるのが苦手で在宅仕事をしたいと考ていたところ、ブログアフィリエイトに巡り合う。月5万円を稼ぐのが目標。

 

おすすめ商材

アンリミテッドアフィリエイト
 
●1商品で942万円稼ぎ出す仕組み「Unlimited Affiliate NEO(アンリミテッドアフィリエイトネオ)」
 
アフィリエイトで稼ぐ方法をまとめた超大作。
内容がみっちり詰まっているので大変ですが、これを実践すれば間違いはありません。

最近の投稿
カテゴリー
最近のコメント
メタ情報
アーカイブ

ページの先頭へ