
FC2ブログ(WEB拍手ランキング)
①ブログ管理画面「テンプレートの設定」

ブログ管理画面にログインし、左メニュー「テンプレートの設定」を選びます。
②「スマートフォン用テンプレート」の追加



スマートフォンで閲覧した際、「スマートフォン用テンプレート」を利用できるように設定します。
「公式テンプレート追加」あるいは「共有テンプレート追加」から利用したいテンプレートを選びます。
利用したいテンプレートの「詳細」ボタンを押します。
内容を確認して「ダウンロード」ボタンを押すとテンプレートの追加が完了します。
③テンプレートの適用


タグ設置用に編集を行います。スマートフォン用の「テンプレート管理」を選択してください。
適用させたいテンプレートにチェックを入れ、「適用」ボタンを押します。
④スマートフォン用テンプレートへのi2iタグ挿入

利用するテンプレートのHTML CSSの「編集」を選択します。
⑤取得タグをコピーする

ブログ管理画面はそのままで、次にi2iWEB拍手ランキングパーツの管理画面にログインします。
左メニュー「タグ発行」より『取得タグ(ランキング表示兼用)』をコピーします。
⑥取得タグを設置する

ここでは拍手のランキング(取得タグ)をスマートフォンページ最下段に表示するように設置します。
※i2iweb拍手は仕様上、「ランキング(取得タグ)」と「拍手ボタンタグ」は同一ページ上に必要な為、プラグインは使わずに、すべてのページにランキング(取得タグ)が表示される形とします。
⑤でコピーした『取得タグ(ランキング表示兼用)』を貼り付けます。
例では「<div class="ad_footer"><%ad2></div>」というFC2ブログ規定の下段広告が表示される部分の上部に設置しています。
また、ページの真ん中に表示するために、例では直接CSSの記述を追加しています。
<div style="clear:both;width:157px;margin:auto;">
取得タグ(ランキングタグ)
</div>
※取得タグ自体の変更はご利用規約違反となります。ご注意ください。
この時点ではまだ「更新」を押さないでください。
⑦拍手ボタンタグをコピーする

通常はi2iWEB拍手ランキングパーツの「タグ発行」より『拍手ボタンタグ』の設定を、ブログ記事を投稿する度にする必要がありますが、
FC2ブログで利用する場合にはその設定は必要ありません。
FC2ブログではテンプレート内で使える変数として、ブログエントリー毎に異なる数字を自動で出力する機能を備えています。
今回はこの機能を利用して設置を行います。
FC2ブログ用拍手ボタンタグ
⑧拍手ボタンを設置する

今回は設置例として、ブログエントリーの本文の下に拍手ボタンタグが表示されるように設置します。
テンプレート内から『 <%topentry_body> 』という記述を探します。
そのすぐ下に⑦でコピーしたFC2ブログ用の拍手ボタンタグを挿入します。
「更新」を押して完了です。
⑨今回の表示例確認

今回の設置例ではこのように表示されます。