ダイエット日記とグラフ Diet-Town

FC2 BLOG

FC2 BLOGではDiet-Townのブログパーツが、使えます。

FC2 BLOGでは、かなり柔軟にブログパーツを使用することができます。
いわゆるブログパーツとしてサイドバーに表示することもできますし、「テンプレート」と呼ばれるHTMLやCSSのソースを編集することによって、ブログ上のどこへでも「ダイエットグラフ」を表示させることができます。
 例:Daddyのダイエット日記 in FC2 BLOG
 例では、プラグインとして右サイドバーに表示し、HTMLを編集することで大きなグラフを記事部分に表示しています。

プラグインとしてのブログパーツ設置方法

「プラグイン」に対応している「テンプレート」を選択している場合には、非常に簡単にブログパーツを設置することができます。
Diet-TownのブログパーツはまだFC2 BLOGの「プラグイン」に登録されていませんので、「フリーエリア」プラグインを追加して、その中にDiet-TownブログパーツのHTMLを記述します。

1.プラグインの設定画面を開く

FC2 BLOG 管理ページの「環境設定」メニューから「プラグインの設定」を選択します。

2.公式プラグイン追加を選ぶ

画面上部に表示される、「プラグインタイトル」からPC用の欄の「公式プラグイン追加」を選択します。

3.フリーエリアを追加する

「拡張プラグイン」に分類されている「フリーエリア」を「追加」します。

4.HTMLを貼り付ける

「フリーエリア」プラグインを追加すると、下のような画面が表示されますので、Diet-Townのマイーページの「ブログパーツの取得」で取得したHTMLを「フリーエリア内容の変更」の欄へ入力します。
その他の項目は、適当に入力して下さい。
「追加」ボタンをクリックするとブログパーツが追加されます。

HTMLを編集してブログパーツを設置する

「テンプレート」のHTMLを編集することで、ブログパーツを設置することもできます。

1.テンプレートの設定

「環境設定」メニューから「テンプレートの設定」を選択します。

2.HTMLを編集する

HTMLの適当な位置に、ブログパーツのHTMLを挿入します。
テンプレートのHTMLには、FC2独自のプログラム用タグが含まれています。繰り返しなど、思わぬ結果になる場合がありますので、元の状態を保存してから行って下さい。