結婚式の余興を盛り上げたい

各種ブログへの設置

FC2ブログ(WEB拍手ランキング)

①ブログ管理画面「テンプレートの設定」

fc2スマホ①

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

②「スマートフォン用テンプレート」の追加

fc2スマホ②-1 fc2スマホ②-2 fc2スマホ②-3

スマートフォンで閲覧した際、「スマートフォン用テンプレート」を利用できるように設定します。
「公式テンプレート追加」あるいは「共有テンプレート追加」から利用したいテンプレートを選びます。

利用したいテンプレートの「詳細」ボタンを押します。

内容を確認して「ダウンロード」ボタンを押すとテンプレートの追加が完了します。

③テンプレートの適用

fc2スマホ③-1 fc2スマホ④

タグ設置用に編集を行います。スマートフォン用の「テンプレート管理」を選択してください。

適用させたいテンプレートにチェックを入れ、「適用」ボタンを押します。

④スマートフォン用テンプレートへのi2iタグ挿入

fc2スマホ③-2

利用するテンプレートのHTML CSSの「編集」を選択します。

⑤取得タグをコピーする

FC2スマホWEB拍手ランキング⑤

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

⑥取得タグを設置する

FC2スマホWEB拍手ランキング⑥

ここでは拍手のランキング(取得タグ)をスマートフォンページ最下段に表示するように設置します。
※i2iweb拍手は仕様上、「ランキング(取得タグ)」と「拍手ボタンタグ」は同一ページ上に必要な為、プラグインは使わずに、すべてのページにランキング(取得タグ)が表示される形とします。

⑤でコピーした『取得タグ(ランキング表示兼用)』を貼り付けます。
例では「<div class="ad_footer"><%ad2></div>」というFC2ブログ規定の下段広告が表示される部分の上部に設置しています。

また、ページの真ん中に表示するために、例では直接CSSの記述を追加しています。
<div style="clear:both;width:157px;margin:auto;"> 取得タグ(ランキングタグ) </div> ※取得タグ自体の変更はご利用規約違反となります。ご注意ください。

この時点ではまだ「更新」を押さないでください。

⑦拍手ボタンタグをコピーする

FC2スマホWEB拍手ランキング⑩

通常はi2iWEB拍手ランキングパーツの「タグ発行」より『拍手ボタンタグ』の設定を、ブログ記事を投稿する度にする必要がありますが、 FC2ブログで利用する場合にはその設定は必要ありません。

FC2ブログではテンプレート内で使える変数として、ブログエントリー毎に異なる数字を自動で出力する機能を備えています。
今回はこの機能を利用して設置を行います。

FC2ブログ用拍手ボタンタグ

⑧拍手ボタンを設置する

FC2スマホWEB拍手ランキング⑧

今回は設置例として、ブログエントリーの本文の下に拍手ボタンタグが表示されるように設置します。

テンプレート内から『 <%topentry_body> 』という記述を探します。
そのすぐ下に⑦でコピーしたFC2ブログ用の拍手ボタンタグを挿入します。
「更新」を押して完了です。

⑨今回の表示例確認

FC2スマホWEB拍手ランキング⑨

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

同様の操作で設置可能なパーツ

PCテンプレートへ設置

スマホテンプレートへ設置

各種ブログへの設置