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