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

各種ブログへの設置

livedoorBlog(WEB拍手ランキング)

①ブログ管理画面「ブログ設定」

ライブドアブログPC①

ブログ管理画面にログインし、「ブログ設定」を選びます。

②ブログパーツを利用して設置準備

ライブドアブログPC②

ブログパーツを選びます。

③ブログパーツの追加

livedoor_01.jpg

予め用意されているブログパーツの下部にフリーエリアがあります。

④フリーエリアを利用する

livedoor_03.jpg
livedoor_04.jpg

自由なカスタマイズ用にあるフリーエリアをドラッグし、サイドバー等の共通テンプレート部分へ追加します。

⑤i2iweb拍手ランキング管理画面からタグをコピーする

ライブドアブログPCweb拍手ランキング⑤

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

⑥ブログ管理画面「フリーエリア」へタグを貼り付ける

livedoor_07.jpg

④のブログ管理画面に戻ります。
i2iweb拍手ランキング管理画面よりコピーしたタグを、フリーエリアへ貼り付けます。

==============================
【改行設定】変換しない
【タイトル設定】表示しない
==============================
このように設定します。
「ラベル」は未入力でも問題ありません。

「保存する」を押します。

⑦デザイン設定からテンプレートを編集する

livedoor_08.jpg
livedoor_09.jpg ライブドアブログPCWEB拍手ランキング⑨-2

続いて拍手ボタンをブログエントリー毎に設置するため、①同様「ブログ設定」画面を開きます。

「PC」→「カスタマイズ」→「個別記事ページ」と選びます。

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

ライブドアブログPCWEB拍手ランキング⑩

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

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

ライブドアブログ用拍手ボタンタグ

⑨テンプレートへ直接タグを貼り付ける

ライブドアブログPCWEB拍手ランキング⑪

今回は設置例として、ブログエントリーの「続き」の下(続きを書いていない場合は本文の下)に拍手ボタンタグが表示されるように設置します。

テンプレート内から『 <$ArticleBodyMore$> 』という記述を探します。(記述位置はご利用のテンプレートによって異なります)
その下あたりに⑩でコピーしたライブドアブログ用の拍手ボタンタグを挿入します。
「保存する」を押して拍手ボタンの設置が完了です。

以上でWEB拍手の設置が完了です。 ※拍手ボタンを例えば「トップページ」や「カテゴリアーカイブ」の記事一覧などにも表示させる場合も、ほぼ同じ方法にて設置が可能です。

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

PCテンプレートへ設置

モバイルテンプレートへ設置

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

各種ブログへの設置