忍者ブログ(WEB拍手ランキング)
①ブログ管理画面「プラグインの設定」
忍者ブログ管理画面にログインし、左メニューより「プラグインの設定」を選びます。
②フリーエリアを編集する
プラグイン一覧の中から「フリーエリア」の「HTML編集」を選びます。
③取得タグをコピーする
ブログ管理画面はそのままで、次にi2iWEB拍手ランキングパーツの管理画面にログインします。
左メニュー「タグ発行」より『取得タグ(ランキング表示兼用)』をコピーします。
④フリーエリアに取得タグ(ランキング)を貼り付ける
忍者ブログ管理画面へ戻ります。
「フリーエリア」のHTML編集のテキストエリアに③でコピーしたタグを貼り付けます。
変更を押して取得タグ(ランキング表示兼用)の設置は完了です。
⑤デザイン設定 → テンプレートの設定/編集
次に、拍手ボタンをブログエントリー毎に設置するため、忍者ブログ管理画面「デザイン設定」より「テンプレート設定/編集」を選択します。
⑥PC版テンプレートを修正する
現在使用中のテンプレートから「PC版テンプレート」の「修正」を選びます。
⑦拍手ボタンタグをコピーする
テンプレート編集画面はそのままで、③同様i2iweb拍手管理画面のタグ発行より今度は「拍手ボタンタグ」をコピーします。
通常はi2iWEB拍手ランキングパーツの「タグ発行」より『拍手ボタンタグ』を、ブログ記事を投稿する度に設定が必要となりますが、
忍者ブログで利用する場合にはその設定は必要ありません。
忍者ブログではテンプレート内で使える変数として、ブログエントリー毎に異なる数字を自動で出力する機能を備えています。
今回はこの機能を利用して設置を行います。
忍者ブログ用拍手ボタンタグ
⑧テンプレートのHTML編集にてタグを貼り付ける
今回は設置例として、ブログエントリーの本文の下に拍手ボタンタグが表示されるように設置します。
テンプレート内から『 <!--$entry_text--> 』という記述を探します。
この部分がエントリー本文となりますので、そのすぐ下に⑦でコピーした忍者ブログ用の拍手ボタンタグを挿入します。
図の例ではエントリーの本文要素と位置を揃えるために、
『<!--$entry_text-->』を囲っているブロック要素(<div class="entry_text">、</div>)をコピーして、拍手ボタンタグも同様に囲っています。
ページ上部「テンプレート保存」を押して完了です。
