livedoorBlog(WEB拍手ランキング)
①ブログ管理画面「ブログ設定」
ブログ管理画面にログインし、「ブログ設定」を選びます。
②ブログパーツを利用して設置準備
ブログパーツを選びます。
③ブログパーツの追加
予め用意されているブログパーツの下部にフリーエリアがあります。
④フリーエリアを利用する
自由なカスタマイズ用にあるフリーエリアをドラッグし、サイドバー等の共通テンプレート部分へ追加します。
⑤i2iweb拍手ランキング管理画面からタグをコピーする
ブログ管理画面はそのままで、次にi2iweb拍手ランキングパーツの管理画面にログインします。
左メニュー「タグ発行」より『取得タグ(ランキング表示兼用)』をコピーします。
⑥ブログ管理画面「フリーエリア」へタグを貼り付ける
④のブログ管理画面に戻ります。
i2iweb拍手ランキング管理画面よりコピーしたタグを、フリーエリアへ貼り付けます。
==============================
【改行設定】変換しない
【タイトル設定】表示しない
==============================
このように設定します。
「ラベル」は未入力でも問題ありません。
「保存する」を押します。
⑦デザイン設定からテンプレートを編集する
続いて拍手ボタンをブログエントリー毎に設置するため、①同様「ブログ設定」画面を開きます。
「PC」→「カスタマイズ」→「個別記事ページ」と選びます。
⑧拍手ボタンタグをコピーする
通常はi2iWEB拍手ランキングパーツの「タグ発行」より『拍手ボタンタグ』を、ブログ記事を投稿する度に設定が必要となりますが、
ライブドアブログで利用する場合にはその設定は必要ありません。
ライブドアブログではテンプレート内で使える変数として、ブログエントリー毎に異なる数字を自動で出力する機能を備えています。
今回はこの機能を利用して設置を行います。
ライブドアブログ用拍手ボタンタグ
⑨テンプレートへ直接タグを貼り付ける
今回は設置例として、ブログエントリーの「続き」の下(続きを書いていない場合は本文の下)に拍手ボタンタグが表示されるように設置します。
テンプレート内から『 <$ArticleBodyMore$> 』という記述を探します。(記述位置はご利用のテンプレートによって異なります)
その下あたりに⑩でコピーしたライブドアブログ用の拍手ボタンタグを挿入します。
「保存する」を押して拍手ボタンの設置が完了です。
以上でWEB拍手の設置が完了です。
※拍手ボタンを例えば「トップページ」や「カテゴリアーカイブ」の記事一覧などにも表示させる場合も、ほぼ同じ方法にて設置が可能です。