*HOW TO* 設置方法

設置できるブログ

青字はクリックすると設置手順へ飛びます。黒字やここに無い場合は、一般的な設置方法を見てください。

 プロフィール欄では表示できません

ブログパーツ用のスペースに設置してください。
FC2ブログとヤプログを除き、ほとんどのブログでプロフィール欄での表示はできません。

FC2ブログのプロフィール欄に貼る方法
ヤプログのプロフィール欄に貼る方法

 次のブログ・ホームページには設置できません。【2009/6/10現在】
  • 携帯サイト
  • gooブログ
  • gooブログアドバンス
  • 楽天ブログ
  • エキサイトブログ
  • はてなダイアリー
  • フルーツブログ
  • Yahoo!ブログ
  • ジオログ

「gooブログで使えるようにして欲しい」というご要望を何度かいただいたので調べてみましたが、gooブログで使用できるパーツはgooから許可されたものだけのようです。また、当サイト配布のパーツはgooブログに適した形式ではないため、gooブログ側に許可の要望を出したとしても、許可は難しいと思われます。
ご期待に沿えず申し訳ないのですが、ご了承くださいませ。

設置できる条件

<script>タグが使用できること
HTMLタグが使えるだけでなく、<script>タグが使用できる必要があります。
自動改行されないこと
ソースコードはJavaScriptで複数行に書かれています。
途中に改行タグなどが挿入されてしまうと動作しません。
そのため、「改行を反映する」、「改行を<br>に変換する」、「改行(あり)」のところでは使用できません。

 

 

一般的な設置方法(その他のブログ)

  1. ブログパーツのソースコードをコピーしておきます。
  2. ブログの管理画面を開きます。
  3. サイドバーの設定を開き、ブログパーツ用のスペースを追加します。
    • ブログパーツ用のスペースは「フリープラグイン」や「フリーエリア」という名前になっていることがあります。
    • HTMLタグが使えないところには設置できません。
  4. 追加したスペースの記入欄にソースコードを貼り付けます。
    もし設定があれば次のようにしてください。
    • HTMLで記述する。「リッチテキスト」モードではソースコードが崩れてしまいます。
    • 「改行を<br>に変換しない」「改行を反映しない」
  5. 設定を保存して、必要ならブログを再構築します。

実際はブログによって様々なので、詳しくはお使いになっているブログサービスで、使い方やヘルプに載っている「ブログパーツの貼りつけ方」の説明をご確認ください。

アセラブログ

更新:2009/5/21

  1. 「デザイン」-「コンテンツ」を開き、種類「自由形式」選択、コンテンツの追加をクリック。
  2. 「自由形式」というタイトルのコンテンツが作成されるので、タイトルをクリックして、「自由形式の設定画面」を開く。
  3. タイトルはブログには表示されないが、内容がわかるように適当に入力。
  4. 「自由入力欄」に下記のタグをコピペする。
    <div class="sidetitle">★タイトル★</div>
    <div class="side">
    ★ここにソースコードを貼る★
    </div>
    ★タイトル★--ここをブログに表示するタイトルに書き換える。
    ★ここにソースコードを貼る★--この文字を削除してソースコードを貼り付けます。
  5. 「保存」をクリック。
  6. 表示するページを選択。表示位置を選択。並び順を設定。
  7. 再構築で表示するページを選び、クリック。

アメーバブログ

更新:2014/10/12

  1. 「ブログ管理」画面で左メニューの「設定・管理」をクリック。
  2. 「サイドバーの設定」欄の「プラグインの追加」をクリック。
  3. 右の「フリープラグイン」タブをクリック。
  4. フリープラグイン編集画面が開くので、ここにブログパーツのソースコードを貼り付け(半角3800文字相当まで)、「保存」をクリックする。
  5. 左メニュー「設定・管理」をクリック。
  6. 「配置設定」をクリック。
  7. 「サイドバーの配置設定」画面が開くので、「フリープラグイン」を「使用する機能」へ配置し、「保存」する。
    (フリースペースと間違わないように注意)

ウェブリブログ

  1. 「ブログ」-「表示項目設定」-「フリースペース(またはフリースペース2)」の編集ボタンをクリック
  2. コピーしたスクリプトをフリースペース編集欄に貼り付ける
  3. タイトルを付ける場合、スクリプトの上に次のタグをコピーして貼り付ける。
    <h2>いくつになったの</h2>
    (↑「いくつになったの」の文字は適当に書き換えOK)
  4. 設定ボタンをクリック
  5. 「表示項目設定」で、「フリースペース(または2)」の表示場所をチェック、コンポーネント位置設定を設定して「設定」ボタンをクリックして終了

FC2ブログ

更新:2009/5/31

FC2ブログの場合、通常版の他に「共有プラグイン版」も利用できます。
「ひとり分」の「名前」「生年月日」「色」を設定し1クリックで設置できるので、「人数はひとりだけで追加はしない」という方にはお勧めです。共有プラグイン版の設置方法はこちら
(人数を追加する場合は、サイト配布の通常版の方が楽です。)

通常の設置方法

  1. プラグイン対応テンプレートを使用し、プラグイン機能を「有効」にしてください。
  2. 管理画面-「環境設定」の「プラグインの設定」をクリック。
  3. PC用「公式プラグイン追加」をクリック。
  4. 「フリーエリア」の「追加」をクリック。
  5. 「フリーエリアの編集」画面が開くので、タイトルを入力し、プラグインカテゴリを選択。「フリーエリア内容の変更」欄にコピーしたソースコードを貼り付けて「追加」をクリック。

共有プラグインからダウンロードする

  1. プラグイン対応テンプレートを使用し、プラグイン機能をオンにしてください。
  2. 管理画面から「環境設定」-「プラグインの設定」を開きます。
  3. PC用「共有プラグイン追加」をクリックします。
  4. プラグインサーチの「作者名」に半角で「COEL」または「coel」と入力して「検索」をクリック。
  5. 目当てのプラグインの、画像か「詳細」ボタンをクリック。
  6. 説明をよくお読みの上、項目に記入し、ダウンロードをクリック。

プロフィール欄に表示する

「環境設定」-「プロフィールの編集」から設置すると表示できないので、下記のようにしてください。

  1. 「プラグインの設定」-「プロフィール」の「詳細」をクリック
  2. 「プラグインの改造」の【HTMLの編集】をクリック
  3. のいずれかの場所にソースコードを貼り付けてください。
    ★プロフィール画像の上に表示
    <!--myimage-->
    <p class="plugin-myimage" &align>
    <img src="<%image>" alt="<%author_name>" />
    </p>
    <!--/myimage-->
    ★名前&プロフィール説明の上に表示
    <p &align>
    Author:<%author_name><br /><%introduction2>
    </p>
    ★名前&プロフィール説明の下に表示

OCNブログ人(Blogzine)

更新:2009/6/3

「私リスト」で「メモ」リストを作成し、そこへ貼り付ける(…ようです)。
詳しくは参照リンクをどうぞ。

参照:ブログ人の使い方/サイドバーを活用しよう/ブログを私リストで飾る
http://blog.ocn.ne.jp/manual/06/005.html

AutoPage (teacupブログ)

  1. 管理パネルを開き、「デザインの変更」タブをクリック、更に「サイドメニュー表示設定」をクリックします。
  2. 「自由項目(1〜3)」からひとつ選び、「表示」にチェックを入れ、表示タイトルを変更し、「設定する」をクリックします。
  3. 選んだ自由項目の「詳細設定」をクリックします。
  4. 入力欄にスクリプトを貼り付け、「プレビューと設定」をクリックします。
  5. このときのプレビュー画面には表示されない場合もありますが気にせず「設定する」をクリックします。
  6. 『「サイドメニューの表示設定」に戻る』をクリックします。
  7. スクリプトを貼り付けた自由項目の「表示」にチェックが入っていることを確認し、「プレビューと設定」で表示されていることを確認します。
  8. 必要なら「サイドメニューの並べ替え」タブをクリックし、並べ替えます。

ココログ

【参照】ココログサポート>FAQ:ブログパーツを貼るにはどうすればいいの?

「2:それ以外のブログパーツを設置する場合」のように貼りつけてください。

マイリストのメモではなく、「リンクリスト」に貼る場合は下記のようにしてください。

  1. マイリストで「リンクリスト」を作成する。
  2. サイドバーに表示するかプロフィールページに表示するか選ぶ(後で変更可能)
  3. 項目の追加で「メモ欄」にソースを貼り付ける。タイトル・URLは空欄にする。
  4. 作成したリンクリストの詳細設定で「テキスト表示」にチェックを入れる。
  5. コンテンツを並べ替える。

Seesaa

更新:2009/5/22

  1. マイ・ブログを開き「デザイン」の「コンテンツ」をクリック
  2. 「コンテンツ」の一覧から「自由形式」をマウスドラッグして追加したい位置に移動
  3. 「自由形式」の文字(タイトル)をクリック
  4. タイトルを変更
  5. 自由入力欄にブログパーツのソースコードを貼り付けて「保存する」をクリック
  6. 「設定を反映する」をクリック

参照:http://blog-help.seesaa.net/article/32923182.html

JUGEM

更新:2009/9/25

  1. 管理画面で「デザイン」-「サイドバー編集」-「フリースペース」を開きます。
  2. 「編集」をクリックします。
  3. 「タイトル」を記入し、「内容」のところへコピーしたソースコードを貼り付けます。
  4. 公開・非公開を「公開」に設定し、「編集内容を保存」をクリックします。

参照:http://support.jugem.jp/faq2/service/manual/248 の3番以降

So-net ブログ

更新:2009/9/25

  1. 管理画面で「デザイン」-「レイアウト」を開きます。
  2. 左メニューの「サイドコンテンツ」をクリックしてコンテンツ一覧を開ます。
  3. 右下にある「カスタムペイン」をマウスでドラッグして、コンテンツ配置(ヘッダー・サイドバー・記事カラム)の好きな場所で放します。
  4. 「カスタムペイン」の文字をクリックすると、カスタムペイン編集画面が開きます。
  5. タイトルを変更します。
  6. 自由入力欄に、コピーしたソースコードを貼り付けて、「設定を保存する」をクリックします。
  7. 「設定を完了しました」と表示されましたら、右上の×ボタンをクリックして編集画面を閉じます。
  8. レイアウト画面に戻るので、「設定を保存する」ボタンをクリックします。【重要】

参照:カスタムペインhttp://blog-help.blog.so-net.ne.jp/custompane

PetitMallブログ

更新:2009/5/22

  1. 「新しくブログパーツを追加する」をクリック
  2. ブログパーツ名とブログパーツのソースコードを入力して「追加する」をクリック

参照:http://www.petitmall.jp/howto_admin_blog.html#blogparts

Blogger

更新:2010/2/13

  1. 「レイアウト」-「ページ要素」で「ガジェットを追加」をクリック。
  2. 小窓が開くので「HTML/JavaScript」をクリック。
  3. 「コンテンツ」の右上に「リッチテキスト形式」と表示されているなら4.へ進みます。
    もし右上に「HTML編集」と表示されていたら、その文字をクリックしてHTML編集状態(リッチテキスト形式と表示されている状態)にしてください。
  4. 「コンテンツ」にソースコードを貼り付けます。
    ※ソースコード貼り付け後は絶対に「リッチテキスト形式」をクリックしないでください。
  5. 「保存」をクリックして終了。

269g

更新:2010/2/13

【参照ページ】よくある質問 サイドバー・コンテンツ>サイドバーに、ブログパーツなど他社サービスを設置したい

ヤプログ

更新:2009/5/31

サイドバーに設置する場合

  1. 管理画面で「サイドバー」をクリック
  2. 「機能追加・編集」をクリック
  3. 「新規追加」をクリック
  4. 機能名を入力
  5. HTML欄にコピーしたソースコードを貼り付けて、「保存」をクリック
  6. 「機能選択・並び替え」で、使用しない機能に追加されているので、使用する機能へ移動
  7. 「保存」をクリック

プロフィール欄に表示する場合

  1. 管理画面で「サイドバー」をクリック
  2. 「プロフィール編集」をクリック
  3. 「その他」欄にソースコードを貼り付け、欄の上の『HTMLで記述する』にチェックを入れる
  4. 「保存」をクリック

livedoorブログ

更新:2009/5/21

新管理画面

  1. 管理画面で「ブログ設定」をクリック
  2. 「ブログパーツ」の「新規追加」をクリック
  3. 「フリーエリア」の「追加」をクリック
  4. 改行設定「変換しない」にチェックを入れて、ソースコードを貼り付け、「保存する」をクリック
  5. 「ブログパーツの設定」でタイトル入力、順番設定などを行い、「ブログに反映する」をクリック

旧管理画面

  1. 管理画面の「カスタマイズ/管理」をクリック
  2. プラグインの「新規追加」をクリック
  3. 「フリーエリアプラグイン」(または「上級者向けプラグイン」の「フリーエリア」)をクリック
  4. 改行設定「変換しない」にチェックを入れて、ソースコードを貼り付け、「この内容をで設定する」をクリック
  5. 「プラグインの設定」でタイトルを入力、順番設定などを行い、「プラグインの内容を更新する」をクリック

LOVELOG(DION)

更新:2009/5/22

  1. 管理画面から「サイドバー」をクリック
  2. 「新しいプラグインの追加」から「フリーエリア」を選択し「プラグインの追加」ボタンをクリック
  3. 「挿入テキスト(上部)」にブログパーツのソースコードを貼り付けます
  4. 「タイトル」を入力
  5. 「自由入力欄」に文字を入力(何も表示したくないときはスペースを入力)
  6. 「変換しない」にチェック
  7. 「保存」クリック、プラグインの一覧に追加されていればOK
  8. ブログを再構築

参照:http://www.auone-net.jp/netguide/feature/020/cust020/02001.html

ウェブページ

ホームページビルダーで設置する

ホームページビルダーV8(古くてすみません…)でホームページ(HTMLページ)に貼り付ける方法の説明です。
編集スタイルが「かんたん」だと「HTMLソース編集」ができませんので、「スタンダード」または「エディターズ」に切り替えてください。

  1. 設置したいブログパーツのソースコードを「コピー」しておきます。
  2. ビルダーを開き、ページ編集画面の「文字の挿入」で、スクリプトを設置したい場所に目印のテキストを書き込みます。
    例えば、 ★ここに貼る★ など、自分で見てわかるものなら何でも構いません。
  3. 「HTMLソース編集」タブをクリックして、HTMLソースを表示させたら、目印のテキストを探します。
  4. 目印を見つけたら、そのテキストをマウスドラッグで反転し、その上で右クリックし、「貼り付け」を選びます。
    すると、コピーしたスクリプトが目印のテキストの代わりに挿入されます。
  5. 「プレビュー」タブをクリックして、表示されているかどうか確認してください。

★表示されない場合は、ソースコード作成段階でエラーがあるか、またはコピーのときに選択漏れなどがあったのかも知れません。注意して再度やり直してみてください。
★挿入をやり直す場合は、貼り付けたソースコードを完全に削除してからやり直してください。