FC2ブログのカウンターの付け方を図説で詳しく!

目安時間:約 4分

 

 

FC2ブログのカウンターはとても簡単につけることができますよ。

一緒にやっていきましょう。

 

 

FC2カウンターのログイン方法と、利用規約同意

まず、ここへ飛んでください。→FC2のアクセスカウンターのサイト

するとこのような画面が表示されるので、左上に表示されている「ログイン」と書かれた赤いボタンをクリックしてください。

普段ならここからFC2ブログで登録したメールアドレスとパスワードを入力してFC2アクセスカウンター管理画面へとログインできるのですが、初回なので利用規約同意画面が表示されます。一緒に利用規約同意を行っていきましょう。

FC2アクセスカウンターの利用規約の同意が終わっている方は飛ばしてもらって大丈夫です。

 

サービス登録画面に移行するので、FC2ブログのカウンター利用規約を確認して、同意できるのなら「利用規約に同意する」と書かれたボタンをクリックしてください。

 

サービス利用規約に同意するとこの画面に移動します。「拍手を使う」や「メールフォームを使う」などは今回取り扱いません。下へ移動してください。

 

スルスルーっと下へ移動すると、「カウンターのタグを取得する」と書かれた欄が出てきます。「タグの取得」と書かれたボタンをクリックしてください。

 

 

するとこの画面が表示されます。

 

ここでアクセスカウンターの設定を行えます。特に変更したい箇所がなければ画面を閉じてください。

 

 

アクセスカウンターの設置方法

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

 

するとこのような画面が表示されます。

ここで確認してほしいのが、「プラグイン管理(PC用)」と書かれた部分の下にテンプレート欄があります。そこに「プラグインに対応しています」と書かれているテンプレートであればアクセスカウンターの導入が可能です。

 

しかし、ここに「プラグインに対応していません」と書かれているのであれば、アクセスカウンターの導入はできません。

 

その場合はほかのテンプレートに変更してください。

 

 

上記事項を確認したら、公式プラグインの追加をクリックします。

 

そして「カウンターの追加」という部分があるので、「追加」をクリックします。

タイトルに「カウンター」と題名を入れ(お好みでどうぞ)、「アクセスカウンターの設定」の「アクセスカウンター」にチェックを入れて、「追加」と書かれた青いボタンを押せばカウンターの設置は完了です。

こんな感じになります。

お疲れ様でした。

 

 

 

FC2ブログに忍者アクセス解析を張り付ける方法を図説で詳しく

目安時間:約 7分

 

ブログ運営をしているとどういう人が訪れているか気になりますよね。

 

そんな時に役に立つ「忍者アクセス解析」の登録からFC2ブログへの設置方法を紹介します。

 

忍者アクセス解析の新規登録

忍者アクセスのサイトはこちらです→忍者アクセスログイン画面

 

この画面の右上に「新規ユーザー登録」と書かれているところがあるので、そこをクリックしてください。

 

仮登録

するとこのような画面が表示されるので、フリーメールアドレスを記入してください。

フリーメールアドレスを設定するのは管理を安易にするためです。ブログアフィリエイトをするようになるとメールアドレスを使った管理が多くなるので、もしフリーメールアドレスをお持ちでない方は、この機会にいくつかフリーメールアドレスを登録しておくといいです。

そして「この内容を送信」と書かれたボタンをクリックしてください。

すると自分が記入したフリーメールアドレスへ忍者ツールからメールが届いているので、確認しに行ってください。

 

このようなメールが届いているので、記載されているURLをクリックして本登録へ進んでください。

本登録

URLをクリックすると「新規ユーザー登録」画面へと移動します。

まず、赤枠で囲ってある場所へ「パスワード」と、「パスワードの確認」を入力してください。

 

入力し終えたら次にメールマガジンを受信するかしないかのチェックを入れてください。

そしたら自分がロボットでないことの確認で画像認証を行います。図のように画像に表示されているひらがなを枠に記入してください。

そして利用規約を読み、同意できるのであればチェックを入れ、

個人情報の取り扱いに同意できるのであれ場之もまたチェックを入れましょう。

上記すべての条件に同意できるという方は「上記の2項目に同意して、本登録」と書かれた青色のボタンをクリックしてください。

 

 

 

この画面が表示されたら登録は終了です。

自分が登録したメールアドレスに重要情報が届いているので、マークをつけて削除されないようにしてください。

そしたら実際にFC2ブログへの設置を行っていきましょう。

「サービス一覧へ」と書かれた青いボタンをクリックしてください。

 

 

するとこのような画面が表示されるので、「サービス一覧からツールを作成してみよう!」と書かれた青色のボタンをクリックしてください。

クリックするとこのような画面が表示されますので、「忍者アクセス解析」と書かれた枠の「ツールを作成」をクリックしてください。

 

するとこんな画面に移動します。「ツールのタイトルを入力」とあり、一見わけわかりませんが、これはどのブログへ貼りつけるかの区別をするための名前設定記入欄です。

ですから、自分が張り付けようと思っているブログの管理画面だとわかる名前にしましょう。ブログ名をつけるというのも手です。私はニュース系のブログに張り付けようと思っているので、「ニュースのブログ」という名前にしました。

ツールのタイトルを記入したら、下にある利用規約に一通り目を通し、同意できるのであればチェックを入れてください。

これらがすべて終わったら「ツール作成」と書かれたオレンジの枠をクリックしてください。

 

クリックするとこのような画面に移動します。これはアクセス解析の基本設定です。自分が今から貼ろうとしているアクセス解析の設定を行います。

まず、サイト属性ですが、FC2ブログはブログですので、ブログにチェックを入れてください。

年齢制限、バナーデザイン、バナー表示位置、配色は各自のお好みで。

設定ができたら「設定を保存」と書かれた水色のボタンをクリックしてください。

これでアクセス解析の基本設定は終わりです。下へスクロールしてください。

 

 

するとこのような画面があります。赤枠で囲ってある部分がアクセス解析のURLです。(モザイク処理を施してあるので、分かり辛いですが。)これをブログに貼りつけることでアクセス解析が作動します。

「ctrl+A」で全選択をして、「ctrl+C」でコピーをしてください。

これで、アクセス解析のURLをコピーすることができました。

アクセス解析URLを貼りつけるためにFC2に移動しましょう。

 

FC2ブログに貼りつける

FC2ブログにログインしたら、設定タブの「プラグインの設定」をクリックしてください。

するとこのような画面が表示されるので、下へスクロールし、「拡張プラグイン」と書かれた場所にある「フリーエリア」を探してください。

 

これです。見つけたら「フリーエリア」枠の右隅にある「追加」をクリックしてください。

 

すると、「フリーエリアの編集」画面が表示されます。赤枠で囲われたまっさらな部分に先ほどコピーしたアクセス解析のURLをショートカットキーの「ctrl+V」で張り付けてください。

するとこのような画面になります。

 

よければ「更新」を押してください。

 

これで設置完了です。どんな人が来ているのか確認するのが楽しみになりましたね。

ちなみに、アクセス解析は見るときに「パスワード」を入力しなければならないので、メモ帳に記入しておくなど管理をしておくと便利ですよ。

お疲れ様でした。

FC2ブログ背景色変更方法を図説で詳細に!

目安時間:約 4分

 

FC2ブログを運営している人は結構いらっしゃるので、差別化したいなと思った時は見た目を変えるのが手っ取り早いですよね。

 

そんな時に欠かせない「背景色を変更する方法」を紹介します。

 

今回使用するテンプレートは[ basic_white ]です。一番初めに設定してあるテンプレートですね。

背景色を変更するには…

 

背景色を変更するには、スタイルシート部分のbody部分にある背景設定の色を変更する必要があります。

一口に言うと「なんのこっちゃ」とわかりにくいので、一緒にやっていきましょう。

 

設定タブのテンプレートの設定を開く

ブログの背景色を変更するためには設定タブの「テンプレートの設定」を開きます。

するとこのような画面が表示されます。

 

失敗した時用にテンプレートの複製を作成&適用

そしたら、もし万が一間違った時の為に複製で作業しましょう。

 

赤旗がついているテンプレートの右端に「複製」と書かれた部分があるのでそれをクリックしてください。

複製できました。

 

そして新たに作った複製の左端の丸ぽちをクリックし、「適用」と書かれたボタンをクリック。

 

これで複製したテンプレートを適用することができました。

 

 

スタイルシートの背景設定部分を探す

テンプレートの複製ができたら下にスクロールしてスタイルシートの編集画面に移行します。

 

そして背景設定部分を探します。

こういう部分があるので、探し出してください。ここが背景設定部分です。

そしたら、

#container {
background-color: #FFFFFF; /* 全体の背景色 */
}

と書かれている所の#FFFFFFを変更します。この#FFFFFFの部分が色を記述している部分になります。

 

見てわかるとおりなんですが、色を変更する時に、#FFFFFFの部分に普通に「赤」とか、「緑」とか私たちが普段使っている色の名前を入れても背景色は変わらないので、パソコンが理解できる言葉にしなければなりません。パソコンが理解できる色の名前をカラーコードと言います。

 

そのカラーコードがこのサイト(原色辞典)に沢山載っています。ここから自分の好きな色のカラーコードを持ってきましょう。

 

カラーコードをコピーしてきたら、

#container {
background-color: #FFFFFF; /* 全体の背景色 */
}

と書かれている所の#FFFFFFを消し、張り付けてください。

 

私は今回「#ba55d3」(薄紫?)にしました。

 

 

コピー&ペーストが済んだら本当に変更できているか確認します。「プレビュー」と書かれたボタンを押してください。

 

 

このように背景が変わっている事を確認できます。これで大丈夫そうですね。

 

 

確認が終わったら「更新」と書かれた青いボタンをクリックします。

 

これで背景色の変更は完了です。

 

 

 

 

さるでもできるFC2画像アップロード講座

目安時間:約 3分

 

FC2ブログで画像を使いたい場合は、まずFC2ブログに画像をアップロードしなくてはいけません。

今回はさるでもわかる!FC2ブログに画像をアップロードをする方法を消化します。

 

画像ファイルがあるフォルダを開いておく。

まず、スタートボタンを押します。(これ↓)もしくはwindowsボタンが存在しているので、それを押してください。

すると、このような小窓が出てきます。検索窓があるので(赤枠で囲っているところ。)、ここに「コンピューター」と入力し、入力し終わったらエンターキーを押します。

するとこの画面が表示されるので、自分がアップロードしたい画像があるファイルを開いておきます。

 

 

FC2ブログにログイン

次にアップロードする画面を開きます。

FC2ブログにログインしてください。→FC2ブログのログインの仕方を説明

 

ログインしたら「ホーム」タブの「ファイルアップロード」をクリックしてください。

するとこの画面が表示されます。

 

そしたら、さっき開いた画面を横に並べて、アップロードしたい画像をドラッグ&ドロップで移動します。

 

ドラッグ&ドロップとは、移したいファイルの上で左クリックを押したまま移動し、所定の位置へ持っていった後離す。この一連の流れを指します。

 

 

ドラッグ&ドロップができたらこのような画面になります。

画像をアップロード

そしたら、画像をFC2へアップロードする作業へ入ります。

名前を変更しない場合はいいですが、アップロードする時に名前をわかりやすく表示したいという方は名前を設定しましょう。

赤い枠で囲った所に名前を書いてください。

今回は「neko」としています。

そしたら、赤い枠で囲った「アップロード」と書かれているボタンをクリックしてください。

すると、アップロードが開始します。

アップロードしたい画像ファイルの横にある青と白の棒が消え、

「アップロード完了」という文字が表示されるまで待ってください。

これで画像のアップロードは終了です。

お疲れ様でした。

 

 

 

 

FC2にファビコンを設定する方法

目安時間:約 4分

 

FC2ブログを運営している時に「ファビコン」を設定してあると、ほかのブログとの差別化ができるので楽しいですよね。

 

という事で今回はFC2ブログのファビコンの設定方法を紹介します。

 

 

ファビコンに設定する画像を作成する。

 

ファビコンはこのサイトで作成することができます。

今回使用する画像はこの300×300pixel、350dpiの画像です。

 

使用する画像を赤い枠で囲まれた部分が3か所あるので、クリックしてそこに設定してください。

3か所とも同じ画像で大丈夫です。

そして、設定できたらすぐ下にある「favicon.ico作成」と書かれた青いボタンをクリックして下さい。

するとこのような画面になるので、ダウンロードをクリックしてください。

 

 

これでファビコンファイルを作成&ダウンロードができました。

 

FC2ブログにアップロードする

 

先ほど作成したファビコンをFC2ブログにアップロードします。

画像などファイルのアップロード方法はこちらの記事を参照ください。

 

アップロードができたらファビコンのURLをコピーします。

この部分をクリックするとファビコンのURLを全選択できるので、そのまま「右クリック→コピー」をするか、ショートカットキーの「ctrl+C」を押して下さい。

 

 

ファビコンをHTML形式に直してテンプレートに埋め込む

FC2にアップロードしたファビコンファイルをHTML形式にしてテンプレートに埋め込みます。

まず、<link rel="icon" href="(ファビコンURL)">という形に直します。

ですから、ファビコンのURLを記述すると

<link rel="icon" href="https://blog-imgs-(~)favicon.ico">

という形にすることができるわけですね。

 

そしたらこれをテンプレートに埋め込みます。

設定タブの「テンプレートの設定」をクリックして下さい。

するとこの画面が表示されるので、先ほどコピーしたHTMLを</head>の直前に張り付けてください。

そしたら青色の「更新」と書かれたボタンを押してください。

これでファビコンの作成をすることができました。

 

 

ファビコンが表示されないときに考えられる可能性

上記の事を守って作業をしているのに、ファビコンが表示されないときは

 

クッキーが残っている
テンプレートの設定

 

という事が考えられます。

 

クッキーの削除方法はこちらの記事を参照ください。

テンプレートの変更方法はこちらの記事を参照ください。

 

 

 

 

 

 

FC2ブログで記事に画像を張る方法を図説でわかりやすく解説

目安時間:約 4分

今日はFC2ブログの記事に画像を張る方法を紹介します。

 

画像のアップロードをしていない人も流れの内にできるように書いているので、心配しないでください。

 

ログインの仕方からわかんないのだという方はこちらから

ログインの方法

ホームタブの「新しく記事を書く」を開く

ホームタブの「新しく記事を書く」というところをクリックしてください。

 

するとこのような画面が表示されるのを確認してください。

 

 

画像を選択

「新しく記事を書く」のページを表示できたら下に載っている画像の赤枠のボタンを押してください。

すると別窓で「ファイル管理」が表示されます。

 

ここでは記事に挟む画像の選択と、画像のアップロードが行えます。

画像をアップロードしていない場合はここで画像をアップしましょう。

 

画像をアップロードする方法

まず、パソコン画面を別窓で開いた「ファイル管理」画面と、記事に挿入したいと思っている画像が入っているファイル画面を開いてください。

そして左側に「ファイル管理」画面、右側に画像が入っているファイル画面を並べてください。(左利きの人は逆になります。)

並べたら「ここにファイルをドロップできます」と書かれた場所に画像を左クリックを押したまま引っ張ってきて(ドラッグ&ドロップ)アップロードしましょう。

 

するとアップロード待機画面へ移行するので、共通設定のところは何もいじらずに赤枠で囲んであるアップロードと書かれたボタンをクリックしてください。

 

OKをクリックしてください。

 

 

OKを押すと床屋とかで見るくるくる回っているサインポールのような青白棒が右側に表示されます。これはアップロード中を表す表示なので、サインポール(偽)が消えて「アップロード完了」という文字が表示されるまで待ちましょう。

これで記事作成画面からの画像のアップロードは終わりです。

 

画像を記事に挿入する

 

「ファイル管理」画面を開くと、画像アップロード枠が表示されているので下にスクロールしてください。

「ブログに挿入したい画像のアクションから操作を選択してください」と書かれた下にアップロードした画像がこのようにずらりと並んでいます。

 

その中から記事にアップロードしたい記事を探し出して、「この画像で記事を書く」と書かれたボタンを押します。

 

すると左上に「ファイルを挿入しました」という文字が表示されるので、それを確認して元の画像へ戻ります。

 

 

すると「本文の編集」枠にHTMLで画像が挿入されます。

FC2はHTMLと本文を書く欄が分かれていないので、HTMLを交えて書くんですね。

ていっても、普段は難しく考えずにただ文章を書けばいいんですが。

文字の装飾に関してはこのページを見てください→FC2の文字装飾について

 

下のリアルタイムプレビューを見てみると実際に記事で表示される感じがどういったものなのか確認することができます。

 

これでFC2の記事作成時に画像を挿入する方法の紹介を終わります。

お疲れ様でした(=^・^=)

 

 

FC2ブログで文字装飾をする方法!図解でわかりやすく解説

目安時間:約 11分

 

FC2ブログで文字装飾をする方法ってちょっとわかりにくいですよね。

 

FC2ブログの文章記入欄はwordpressやLivedoorなどとは違い、HTMLを記入するページと本文を記入する欄が分かれていません。

なので、文章を装飾したり、画像を挿入したり、アフィリエイト広告のURLを張り付けるとそのままHTMLの表示が出てきます。

わからない人には混乱する一因になってしまうのは無理ないですよね。私も最初は「動画ってどうやって挿入するの?」「著作権違反になったりしないかな?」とびくびくしながら作業しながら一つ一つ調べて作業していましたから。

 

今回はそんな方のためにFC2ブログで文字装飾を行う方法を紹介します。

 

細かく説明文を書いたので、すべてをしらみつぶしに見ると大変です。目的別に自分がしたいと考えている文字装飾の箇所へ飛ぶなどして活用してください。

 

文字装飾の基本

 

文字装飾を行うときはこの欄から選びます。

文字を装飾する時は装飾したい文字を選択してからそれぞれのボタンをクリックします。

 

FC2の文字装飾のらくちんなところはHTML表記を勝手にしてくれるところです。

文字を選択してボタンをクリックすれば面倒なHTMLを記述してくれるんですね。

 

これは利用しない手はないので、じゃんじゃん使っていっちゃいましょう。

 

 

 

色を変更

色を変更する時は赤枠で囲われたマークを押します。

するとこのような色とりどりなパッドが出てくるので、自分がしたい色をひとつ選んで、選んだ色の上でクリックします。

試しに今回は”#FF0000”の赤色でやってみたいと思います。(下の画面では黄緑色ですが、、、)

すると本文の編集画面ではこのようなHTML表記となり、

リアルタイムプレビューではこのような画面になります。

 

 

このように色を変更することができます。

色は見ての通り様々な種類があるので、「こういう時はどの色を使ったほうがいいのかな?」とか「訪問者の方から見て見やすい色はどれかな?」など、選ぶ楽しみがありますね。

 

 

文字を大きく

文字を大きくするときは赤枠で囲われたマークを押します。

本文の編集画面ではこのようなHTML表記となり、

するとリアルタイムプレビューではこのように文字を大きくすることができます。

これで文字を大きくすることができました。

このサイズは結構大きめで人の目を引くので、ここぞというときに利用するのがベストですね。

 

文字を中くらいに

文字を中くらいにするときは下記の画像の赤枠で囲われたマークを押します。

すると本文の編集画面ではこのようなHTMLが挿入され

リアルタイムプレビューではこのような画面表記になります。

 

このようにボタン一つでHTMLを挿入し、文字を中くらいに変更することができました。

つくづく思いますが、この機能は文字を中くらいにしたいなど一つ一つ手作業でHTMLを記述するのが面倒なときに手間にならずに済んで良いですね。

 

文字を小さく

文字を小さくするときは赤枠で囲われたマークを押します。

文字を小さく変更することができます。

 

普通の文字よりちょっと小さくなりましたね。

 

 

文字を太字に

文字を太字にしたい時は赤枠で囲われたマークを押します。

すると本文の編集画面では装飾したい文字の周りを<strong></strong>のHTML表記を挿入でき、

 

リアルタイムプレビューではこのょうに文字を太字に変更することができます。

太字はよく使う項目ボタンなので、使い方や位置はちゃんと把握しておきたいですね。

 

文字を斜体に

文字を斜体に変えたいときは赤枠で囲われたマークを押します。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

リアルタイムプレビューでは斜体にした文字を見ることができます。

ちょっと斜めに見えますよね。

 

文字を打ち消す(文字の上から横棒を引く)

文字を打ち消したいときは赤枠で囲われたマークを押します。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

リアルタイムプレビューでは実際に文字の上から横棒を引いて文字を打ち消した状態を見ることができます。

すると文字の上から横棒を引き文字を打ち消すことができるようになります。

 

文字に下線を引く

文字に下線を引きたいときは赤枠 で囲われたマークを押します。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

 

するとこのように文字に下線を引くことができます。

 

 

文字を四角で囲う(引用)

文字を四角で囲いたいときは赤枠で囲われたマークを押します

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

 

 

 

 

水平線を引く

水平線を引きたい時はこのマークを押すことで引くことができます。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

 

文字を選択したまま利用すると選択していた文字が消し飛ぶので注意してください。

 

画像を挿入する

画像を挿入するときは下の画面で赤枠で囲まれた部分のボタンを使用します。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

 

リアルタイムプレビューではこのように表示することができます。

あまりに大きすぎる画像だと画面からはみ出たりするので注意してください。画面サイズによって画像の大きさを競ってしてくれるテンプレートを使用していたら別ですが。

 

文字にURLを挿入する

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

 

 

顔文字を挿入する

顔文字を挿入したい時はこのマークを押します。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

文字を選択していると選択した部分の一番最後にくっつきます。

 

i-mode絵文字(docomo)を挿入

docomoの絵文字を挿入できます。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

このマークを押すと選択できるようになるので、お好きな絵文字を押します。

すると本文に挿入することができます。

 

Ezweb絵文字(au)を挿入

auの絵文字を挿入できます。

このマークを押すと選択できるようになるので、お好きな絵文字を押します。

すると本文に挿入することができます。

 

softbank絵文字(softbank)を挿入

softbankの絵文字を挿入できます。

このマークを押すと選択できるようになるので、お好きな絵文字を押します。

すると本文に挿入することができるようになります。

 

 

絵文字エディターで絵文字を作成

絵文字エディターでは自分で作成した絵文字を本文に張り付けることができます。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

実際に作ってみました。こんなかんじです。

ただ、ペンタブ(パソコンで絵を描くためにある機械)がないと自分の思い通りに絵を描けないので、普段から有効活用するのは難しいかもです。

 

お絵かきエディターで画像を作成

お絵かきエディターでは自分が書きたい絵を描き、本文に挿入することができます。

すると本文の編集画面では装飾したい文字の周りを挟む形で<i></i>のHTML表記を挿入でき、

実際に描いてみました。こんな感じになりました。

これもペンタブ(パソコンで絵を描くためにある機械)がないと自分の思い通りに絵を描けないので、普段から有効活用するのは難しいです。

 

 

 

 

管理人プロフィール

 

アフィリ猫:管理人

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

管理人詳細プロフィール

 

ひきこちゃん

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

 

おすすめ商材

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

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

ページの先頭へ