ブログランキング設置方法

※旧ブログからの移行記事です

あなたのブログへの1日の訪問者はどのくらいですか？
アクセスアップに欠かせないものといえばブログランキングです。

ブログランキングに登録はしたもののランキングのリンクが設置できなくて困ってしまっている方も実は多いようです。
ホームページを作ったことが無くてブログを始めた人は、記事を投稿するだけならタグなんかを覚える必要はないのでタグとか画像リンクとか言われてもどうしていいかわからなかったりしませんか？

そこで、なるべく簡単にブログランキングを設置できるようにするための補助ツールを作成しました。

まず、ブログランキングといえば人気blogランキングが有名ですね。
これを例に説明します。

とはいっても設置方法はどこもほとんど一緒だと思うのでこれが設置できればどこのランキングでも大丈夫だと思います。
あと設置先はFC2ブログを想定しています。

まずテキストリンクから説明します。
ランキングへの登録申請は完了済みという前提です。

こちらのページに移動してご自分のIDにてログインしてください。
ログイン後〓〓〓 リンク方法の確認 〓〓〓というページになりますので以下のリンクタグ

⇒リンクタグ： <A HREF="http://blog.with2.net/link.php?118739">人気blogランキングへ</A>

をコピーしてそのまま記事に貼り付ければテキストリンクはＯＫです。
「人気blogランキングへ」の部分は自分で好きな文字に変えてよいですので、思わずクリックしたくなるような文字に変えてみてください。

※リンクに関しての注意点があるのでテキストを改変する場合はよく読んでおいたほうがよいですよ。

〜ここから〜
ランキングに関係のないテキスト、画像は利用できません。
読者がランキングへのリンクだと判断できるよう設定してください。
リンクテキストを使用する場合は、なるべく"ランキング"の文字が入るように設定してください。(表記されていない場合、上記の禁止事項に該当する可能性があります)
30文字を超えるリンクテキストの使用は禁止されています。
〜ここまで〜

次にリンクに画像を使用したい場合は

先ほどのログイン後画面の所に画像がおいてあるページがあるので

⇒リンク用バナー画像 (ダウンロードしてご利用ください)

のところから使用したい画像をあなたのＰＣにダウンロードしてＦＣ２の場合は管理画面からファイルアップロード機能にて画像をサーバに保存してください。

保存後ファイル情報欄の記事を書くをクリックすると新規エントリー画面に

<a href="http://blog-imgs-19.fc2.com/e/c/y/ecycle/banner_03.gif" target="_blank"><img src="http://blog-imgs-19.fc2.com/e/c/y/ecycle/banner_03.gif" alt="ranking" border="0"></a><br clear="all">

というタグが挿入されます。

そして先ほど説明したテキストリンクのタグ<A HREF="http://blog.with2.net/link.php?118739">人気blogランキングへ</A>を持ってきて「人気blogランキングへ」の部分を先ほど挿入された<img src="http://blog-imgs-19.fc2.com/e/c/y/ecycle/banner_03.gif" alt="ranking" border="0">に置き換えます。

<A HREF="http://blog.with2.net/link.php?118739"><img src="http://blog-imgs-19.fc2.com/e/c/y/ecycle/banner_03.gif" alt="ranking" border="0"></a>このようになります。

これでランキングへのリンク設置完了です。


ランキングを記事に貼りたい方は作成したタグ

<A HREF="http://blog.with2.net/link.php?118739">人気blogランキングへ</A>
<A HREF="http://blog.with2.net/link.php?118739"><img src="http://blog-imgs-19.fc2.com/e/c/y/ecycle/banner_03.gif" alt="ranking" border="0"></a>

をテキストファイルに保存して記事を書くときに貼り付けると簡単です。

毎回貼るのが面倒な方のための応用編で、テンプレートを編集してタグを埋めこんでしまう方法があります。
この方法はテンプレートを編集するため申し訳ありませんが自己責任でお願いします。

まず管理画面からテンプレート編集画面に移動し編集したいテンプレートの修正リンクを押しテンプレートのコードを表示させます。
表示されたら<%topentry_more>を探してください。１箇所だけなので直ぐ見つかると思います。
探す方法がわからない方は、キーボードのCTRLボタンを押しながらFボタンを押します。
すると検索窓が現れるためそこに<%topentry_more>(コピーして貼り付けてください)と入力して「次を検索」ボタンをクリックします。

見つかりましたか？

見つかったら<%topentry_more><!--/more-->となっているので<%topentry_more>と<!--/more-->の間にランキングタグを挿入してください。

<%topentry_more>
<br>
<A HREF="http://blog.with2.net/link.php?118739"><img src="http://blog-imgs-19.fc2.com/e/c/y/ecycle/banner_03.gif" alt="ranking" border="0"></a>
<br>
<!--/more-->

このようになりますね。改行タグはお好みで。
これを保存すれば勝手に記事の最後にランキングへのリンクが表示されるようになります。
この方法はいろいろ応用できるのでぜひ覚えてください。
例えばgoogleAdSenseのタグを入れたりすることもできます。

明日はブログランキングの画像リンクを簡単に設置できるようにするための自作支援ツールをご紹介しますね。