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

各種ブログへの設置

忍者ブログ(WEB拍手ランキング)

①ブログ管理画面「プラグインの設定」

忍者PCWEB拍手ランキング①

忍者ブログ管理画面にログインし、左メニューより「プラグインの設定」を選びます。

②フリーエリアを編集する

忍者PCWEB拍手ランキング②

プラグイン一覧の中から「フリーエリア」の「HTML編集」を選びます。

③取得タグをコピーする

忍者PCWEB拍手ランキング⑤

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

④フリーエリアに取得タグ(ランキング)を貼り付ける

忍者PCWEB拍手ランキング④

忍者ブログ管理画面へ戻ります。
「フリーエリア」のHTML編集のテキストエリアに③でコピーしたタグを貼り付けます。

変更を押して取得タグ(ランキング表示兼用)の設置は完了です。

⑤デザイン設定 → テンプレートの設定/編集

忍者web拍手ランキング⑤

次に、拍手ボタンをブログエントリー毎に設置するため、忍者ブログ管理画面「デザイン設定」より「テンプレート設定/編集」を選択します。

⑥PC版テンプレートを修正する

忍者web拍手ランキング⑥

現在使用中のテンプレートから「PC版テンプレート」の「修正」を選びます。

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

忍者PCWEB拍手ランキング⑦

テンプレート編集画面はそのままで、③同様i2iweb拍手管理画面のタグ発行より今度は「拍手ボタンタグ」をコピーします。

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

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

忍者ブログ用拍手ボタンタグ

⑧テンプレートのHTML編集にてタグを貼り付ける

PC忍者WEB拍手ランキング⑧

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

テンプレート内から『 <!--$entry_text--> 』という記述を探します。
この部分がエントリー本文となりますので、そのすぐ下に⑦でコピーした忍者ブログ用の拍手ボタンタグを挿入します。

図の例ではエントリーの本文要素と位置を揃えるために、
『<!--$entry_text-->』を囲っているブロック要素(<div class="entry_text">、</div>)をコピーして、拍手ボタンタグも同様に囲っています。

ページ上部「テンプレート保存」を押して完了です。

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

PCテンプレートへ設置

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

各種ブログへの設置