「 FC2ブログランキングの導入(2)」について書いています。 (ブログ作成の体験レポートです)

ヘルプ

ブログが作りたい! > スポンサーサイト> 【08】 FC2ブログで遊ぼうFC2ブログランキングの導入(2)

FC2ブログランキングの導入(2)

無料FC2ブログランキング導入(2)

FC2ブログランキング導入手順(2)

前回の記事「FC2ブログランキング導入(1)」の続きです。

FC2ブログランキングへ登録できたかしら?でも、もう少しやらなければいけないことがあります。

8:これから何をする?

(19)

「登録が完了しました。」というメッセージの下に、「リンクの方法」が記述されています。

リンクの方法

これから、あなたのブログから、FC2ブログランキング サイトへリンクを張る必要があります。

FC2ブログランキング サイトへリンクを張る

リンクを張る場所(方法)としては、次の3つが考えられます。人それぞれ好きなように貼り付けることになると思います。

  • テンプレートに、直接リンクタグを貼り付ける。
  • プラグインでフリーエリアを作って、リンクタグを貼り付ける。
  • 記事を書くときに、記事内にリンクタグを貼り付ける。

この記事では、2番目の「プラグインでフリーエリアを作って、リンクタグを貼り付ける」方法について、書いていきます。

▲ページの先頭に戻る

9:バナーをダウンロードしてアップロードする

リンクで使用するバナー画像を、ダウンロードします。

(20)

「リンク用バナー画像」を、クリックします。

リンク用バナー画像をクリック

(21)

「バナー一覧」画面が、表示されます。

リンク用バナー画像をクリック

(22)

ブログのイメージにあうバナーを選びます。

バナーが決まったら、画像の上で「右クリック」し、「名前を付けて画像を保存」をクリックします。(Windowsの場合)

画像の上で右クリックし、名前を付けて画像を保存をクリック

(23)

あとで分かり良いような画像ファイル名に変更して、[保存]をクリックします。

また、保存(ダウンロード)した画像は、サーバにファイルアップロードしておいてください。

画像ファイル名を変更して保存をクリック

ファイルアップロードの方法が分からない人は、記事「(新)ブログを投稿する」の「画像をアップする」を参考にしてください。

(24)

バナーの保存(ダウンロード)が終わったら、ブラウザの[戻る]ボタンを使って、「リンクの方法」のページへ戻っておいてください。

▲ページの先頭に戻る

10:HTMLリンクタグを準備する

(25)

「リンクの方法」のページへ戻っているかしら?

次にHTMLリンクタグを作成します。まず、注意事項に目を通してください。

注意事項

ページを閉じてしまうと、後で確認できないかもしれないので、以下に引用しておきます。

  • ランキングに関係のないテキスト、画像は利用できません。読者がランキングへのリンクだと判断できるよう設定してください。
  • リンクテキストを使用する場合は、なるべく"ランキング"の文字が入るように設定してください。(表記されていない場合、上記の禁止事項に該当する可能性があります)
  • 30文字を超えるリンクテキストの使用は禁止されています。
  • オリジナル画像を使用する場合は横150px、縦60px以内の画像で、"ランキング"の文字の表記が必要です。
  • リンク方法は<A>タグを使用したテキスト、画像リンクのみ利用可能です。
  • その他の禁止事項は利用規約をご参照ください。

それでは、注意事項に反しない形で、HTMLリンクタグを作成します。

文字によるリンクなら、次のようになります。「リンクの方法」のページに「リンクタグ」として記載されているので、コピーするだけです。

<a href="(あなたのリンクURL)" target="_blank">FC2 Blog Ranking</a>

バナー画像によるリンクなら、次のようになります。

<a href="(あなたのリンクURL)" target="_blank">

<img src="(画像の場所)" alt="FC2ブログランキング" />

</a>

ちなみに私の場合は、「リンクURL」と「画像の場所」は次のようになります。人それぞれですので、自分の「リンクURL」と「画像の場所」をご確認ください。

リンクURL

http://blogranking.fc2.com/in.php?id=230014

画像の場所

http://blog-imgs-24.fc2.com/k/u/m/kumacrow/bnr_ranking.gif

▲ページの先頭に戻る

11:フリーエリアを準備する

リンクタグをどこに貼り付けても構いませんが、ここでは、左サイドにフリーエリアを使って設置する方法を、記述します。

(26)

プラグインの設定で、フリーエリアを追加してください。

フリーエリアが追加できたら、フリーエリアの見出しの名前を好きなように入力して、[変更]ボタンをクリックします。

フリーエリアの見出しを入力し変更ボタンをクリック

「詳細」をクリックします。

詳細をクリック

(27)

「フリーエリア内容の変更」のところに、前述(25)で作成したHTMLリンクタグを貼り付けます。

HTMLリンクタグを貼り付け

それから、バナー画像を使う場合は、「プラグインの改造」の【HTMLの編集】も行う必要があります。【HTMLの編集】をクリックします。

HTMLの編集をクリック

HTMLコードが、次のように記述されています。しかし、このままだと、<p>タグの中に<img>タグを入れるような形になるので、あまり好ましい状況とは言えません。

<!-- &freeareaの中にHTMLが代入されます。 -->

<p class="plugin-freearea" &align>

&freearea

</p>

次のように変更します。

<div class="plugin-freearea" &align>

&freearea

</div>

(28)

「変更」をクリックします。

変更をクリック

12:確認

(29)

ブログを表示して、うまくいったか確認してみましょう。

また確認のために、実際にアクセスがカウントされるか、自分でバナーをクリックしておきます。

表示確認、バナーをクリック

(30)

バナーをクリックすると、FC2ブログランキングのそれぞれのカテゴリページが表示されるはずです。

しかし、ランキング一覧にすぐに表示されるわけではありません。

そこで、現在の状態を確認する方法でチェックします。検索の入力欄に「(あなたのブログのタイトル)」を入力して、[サイト検索]ボタンをクリックします。

ブログのタイトルを入力して、サイト検索ボタンをクリック

(31)

検索結果が表示されます。

IDが付いていることを確認し、「サイト情報」をクリックします。

サイト情報をクリック

サイト情報は、すぐに表示されない可能性があります。12時間以内では更新されるようなので、表示されない場合は、時間をおきましょう。

(32)

サイト情報が表示されます。カテゴリの順位が確認できます。

サイト情報

▲ページの先頭に戻る

13:PINGの設定

リンクタグの貼付けは、できたかしら?次は、PINGをFC2のPINGサーバへ送信するための設定を行います。

(33)

「リンクの方法」の注意事項の下に、「最新記事の更新情報」として、次のように記載されていますが、これ・・・どうも違うようです。

FC2のPINGサーバのURLをコピー

Q&Aの方に、PINGの設定方法の回答として、次のように記述されています。(引用します)

A.リンク方法と同様にご利用されているblog作成ツールにより設定方法が違いますので、ツール提供元のヘルプページなどでご確認ください。 Ping送信先アドレスは"http://ping.myblog.jp" (FC2ブログ以外の方は"http://ping.fc2.com")を指定してください。アドレスの末尾に余分なスペースが入らないようにご注意ください。

つまり、FC2ブログユーザは、「http://ping.fc2.com」ではなく「http://ping.myblog.jp」を設定するようです。誰でも同じではないみたいです。

と言うわけで、FC2ブログユーザは、次のURLをコピーしてください。

http://ping.myblog.jp

(34)

管理者ページの環境設定で、PING送付先を追加設定します。

改行して、前述(33)でコピーしたURLを貼り付けます。[更新]ボタンをクリックします。

URLを貼り付け、更新ボタンをクリック

環境設定の場所は、[環境設定]-[ブログの設定]-[ブログ管理の設定]-[Ping送信先]です。

▲ページの先頭に戻る

14:今日の作業は、お終い

(35)

[ <- 管理画面に行く]ボタンを、クリックします。

管理画面に行くボタンをクリック

(36)

管理画面が表示されます。

登録した情報について変更する項目があれば、この管理画面で行うことができます。

管理画面コントロールパネル

(37)

これでとりあえず、本日の作業は終了です。「ログアウト」をクリックします。お疲れ様でした。

ログアウトをクリック

▲ページの先頭に戻る

15:次の日

一晩寝かしたら、せっかくですからランキングを確認してみましょう。

(38)

あなたのブログに設置した「FC2ブログランキングのリンク」をクリックして、それぞれのカテゴリのランキングページへ行きましょう。

FC2ブログランキングのリンクをクリック

(39)

つらつらとFC2ブログランキング表を見ていくと、きっとあなたのブログがランキングされているはずです。

探すのが面倒なときは、前述(30)のサイト情報を確認する方法を使って、順位を確認してから見てみましょう。

INカウントに、割振率分のポイントが入っているか確認してください。

FC2ブログランキングの結果

▲ページの先頭に戻る

次回予告

次回は、FC2 Myカウンターの作成を予定しています。

▲ページの先頭に戻る

関連記事

FC2ブログのサービスやツールについての記事を、ご紹介します。

▲ページの先頭に戻る

作成日:2007/11/09 更新日:2007/11/09

« 「FC2ブログランキング導入(1)」|「FC2 Myカウンター作成(1)」 »

▲ページの先頭に戻る

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

現在、コメントさんも、お休みしています。

色々さまよった挙句こちらを参考にして、やっとランキングに参加出来ました!初心者にはとってもありがたかったです。ありがとう!

▲ページの先頭に戻る

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

こじこじ丸さん、こんにちは。
コメントありがとうございます。

どうやら、お役に立てたようで、良かったです。

できるだけ、
ビギナーの人でも分かるように書いていきたいと思っています。

分かり難い箇所があったら、お手数ですがご指摘くださいませ。
では、では。

▲ページの先頭に戻る

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/99-77a10c22

 | トップページ | 

ブログ作成情報

最近のコメント

GIMP

デジカメ

ブログのディレクトリ登録

ブログランキング

いつも応援していただいて恐縮です。ありがとうございます。

FC2ブログランキング
にほんブログ村 ブログブログ ブログ初心者
人気ブログランキング
ブログランキング

FC2ブログランキングに参加してみませんか?

FC2カウンター

月別アーカイブ

最近のトラックバック

ソーシャルブックマーク

ブログにブックマークボタンを設置してみませんか?

ソーシャルブックマーク

ブックマーク(↑)しておいて、あとで読んでも宜しくってよ。