*HOW TO* 設置方法
設置できるブログ
青字はクリックすると設置手順へ飛びます。黒字やここに無い場合は、一般的な設置方法を見てください。
- アメーバブログ
- OCNブログ人
- JUGEM
- Blogger
- LOVELOG(DION)
- MovableType 4,5
- いぬblo!
- AutoPage(Teacup)
- So-netブログ
- 269g
- ロリポブログ
- ウェブリブログ
- ココログ/ココログフリー
- 忍者ブログ
- ヤプログ
プロフィール欄では表示できません
ブログパーツ用のスペースに設置してください。
FC2ブログとヤプログを除き、ほとんどのブログでプロフィール欄での表示はできません。
次のブログ・ホームページには設置できません。【2009/6/10現在】
- 携帯サイト
- gooブログ
- gooブログアドバンス
- 楽天ブログ
- エキサイトブログ
- はてなダイアリー
- フルーツブログ
- Yahoo!ブログ
- ジオログ
「gooブログで使えるようにして欲しい」というご要望を何度かいただき調べてみましたが、gooブログで使用できるパーツは許可されたものだけであり、また当サイト配布のパーツの多くはgooブログに適した形式ではなく許可される見込みは薄いことから、残念ながら難しいようです。ご期待に沿えず申し訳ないのですが、ご了承くださいませ。
設置できる条件
- <script>タグが使用できること
- HTMLタグが使えるだけでなく、<script>タグが使用できる必要があります。
- 自動改行されないこと
- ソースコードはJavaScriptで複数行に書かれています。
途中に改行タグなどが挿入されてしまうと動作しません。
そのため、「改行を反映する」、「改行を<br>に変換する」、「改行（あり）」のところでは使用できません。
一般的な設置方法（その他のブログ）
- ブログパーツのソースコードをコピーしておきます。
- ブログの管理画面を開きます。
- サイドバーの設定を開き、ブログパーツ用のスペースを追加します。
- ブログパーツ用のスペースは「フリープラグイン」や「フリーエリア」という名前になっていることがあります。
- HTMLタグが使えないところには設置できません。
- 追加したスペースの記入欄にソースコードを貼り付けます。
もし設定があれば次のようにしてください。- HTMLで記述する。「リッチテキスト」モードではソースコードが崩れてしまいます。
- 「改行を<br>に変換しない」「改行を反映しない」
- 設定を保存して、必要ならブログを再構築します。
実際はブログによって様々なので、詳しくはお使いになっているブログサービスで、使い方やヘルプに載っている「ブログパーツの貼りつけ方」の説明をご確認ください。
アセラブログ
更新：2009/5/21
- 「デザイン」-「コンテンツ」を開き、種類「自由形式」選択、コンテンツの追加をクリック。
- 「自由形式」というタイトルのコンテンツが作成されるので、タイトルをクリックして、「自由形式の設定画面」を開く。
- タイトルはブログには表示されないが、内容がわかるように適当に入力。
- 「自由入力欄」に下記のタグをコピペする。
★タイトル★--ここをブログに表示するタイトルに書き換える。<div class="sidetitle">★タイトル★</div>
<div class="side">
★ここにソースコードを貼る★
</div>
★ここにソースコードを貼る★--この文字を削除してソースコードを貼り付けます。 - 「保存」をクリック。
- 表示するページを選択。表示位置を選択。並び順を設定。
- 再構築で表示するページを選び、クリック。
アメーバブログ
更新：2010/3/24
- 記事作成・編集画面で、「サイドバーの設定」を開く。
- 「フリープラグイン」を選択する。（「フリースペース」と間違わないように！）
「フリープラグイン」がないときは、「プラグイン追加」をクリックし、「フリープラグイン」をクリック。 - フリープラグイン編集画面が開くので、ここにブログパーツのソースコードを貼り付け、「保存」をクリックする。
- 「サイドバーの配置」で、「フリープラグイン」を「使用する機能」へ配置し、「保存」する。
- 「フリースペース」に貼り付けても表示されませんのでご注意ください。
- フリープラグインに貼れるのは半角で約3800文字までという制限があります。「いくつになったの」等のソースコードは約3000文字あり、他に貼り付けた文字と合計して文字数がオーバーすると表示できません。アメブロに限ってはソースコードの短い「いくつになったの簡易版」を提供していますので、文字数がオーバーする場合はそちらをご利用ください。
ウェブリブログ
- 「ブログ」-「表示項目設定」-「フリースペース（またはフリースペース２）」の編集ボタンをクリック
- コピーしたスクリプトをフリースペース編集欄に貼り付ける
- タイトルを付ける場合、スクリプトの上に次のタグをコピーして貼り付ける。（↑「いくつになったの」の文字は適当に書き換えＯＫ）
<h2>いくつになったの</h2> - 設定ボタンをクリック
- 「表示項目設定」で、「フリースペース（または２）」の表示場所をチェック、コンポーネント位置設定を設定して「設定」ボタンをクリックして終了
FC2ブログ
更新：2009/5/31
FC2ブログの場合、通常版の他に「共有プラグイン版」も利用できます。
「ひとり分」の「名前」「生年月日」「色」を設定し1クリックで設置できるので、「人数はひとりだけで追加はしない」という方にはお勧めです。共有プラグイン版の設置方法はこちら
（人数を追加する場合は、サイト配布の通常版の方が楽です。）
通常の設置方法
- プラグイン対応テンプレートを使用し、プラグイン機能を「有効」にしてください。
- 管理画面-「環境設定」の「プラグインの設定」をクリック。
- PC用「公式プラグイン追加」をクリック。
- 「フリーエリア」の「追加」をクリック。
- 「フリーエリアの編集」画面が開くので、タイトルを入力し、プラグインカテゴリを選択。「フリーエリア内容の変更」欄にコピーしたソースコードを貼り付けて「追加」をクリック。
共有プラグインからダウンロードする
- プラグイン対応テンプレートを使用し、プラグイン機能をオンにしてください。
- 管理画面から「環境設定」-「プラグインの設定」を開きます。
- PC用「共有プラグイン追加」をクリックします。
- プラグインサーチの「作者名」に半角で「COEL」または「coel」と入力して「検索」をクリック。
- 目当てのプラグインの、画像か「詳細」ボタンをクリック。
- 説明をよくお読みの上、項目に記入し、ダウンロードをクリック。
- 生年月日を入力するときの間違いが多いのでご注意ください！
必ず半角入力で。区切り記号は半角カンマ「,」（←「ね」のキー）です。「.」（ピリオド、ドット）を使わないでくださいね！ - 人数追加などカスタマイズの方法は、こちらのサイトで配布しているものと違いますので、詳しくはKT*info-カスタマイズ（全般）をご参照ください。
プロフィール欄に表示する
「環境設定」-「プロフィールの編集」から設置すると表示できないので、下記のようにしてください。
- 「プラグインの設定」-「プロフィール」の「詳細」をクリック
- 「プラグインの改造」の【HTMLの編集】をクリック
- ★のいずれかの場所にソースコードを貼り付けてください。
★プロフィール画像の上に表示
<!--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〜3）」からひとつ選び、「表示」にチェックを入れ、表示タイトルを変更し、「設定する」をクリックします。
- 選んだ自由項目の「詳細設定」をクリックします。
- 入力欄にスクリプトを貼り付け、「プレビューと設定」をクリックします。
- このときのプレビュー画面には表示されない場合もありますが気にせず「設定する」をクリックします。
- 『「サイドメニューの表示設定」に戻る』をクリックします。
- スクリプトを貼り付けた自由項目の「表示」にチェックが入っていることを確認し、「プレビューと設定」で表示されていることを確認します。
- 必要なら「サイドメニューの並べ替え」タブをクリックし、並べ替えます。
ココログ
【参照】ココログサポート>FAQ：ブログパーツを貼るにはどうすればいいの？
「２：それ以外のブログパーツを設置する場合」のように貼りつけてください。
マイリストのメモではなく、「リンクリスト」に貼る場合は下記のようにしてください。
- マイリストで「リンクリスト」を作成する。
- サイドバーに表示するかプロフィールページに表示するか選ぶ（後で変更可能）
- 項目の追加で「メモ欄」にソースを貼り付ける。タイトル・URLは空欄にする。
- 作成したリンクリストの詳細設定で「テキスト表示」にチェックを入れる。
- コンテンツを並べ替える。
Seesaa
更新：2009/5/22
- マイ・ブログを開き「デザイン」の「コンテンツ」をクリック
- 「コンテンツ」の一覧から「自由形式」をマウスドラッグして追加したい位置に移動
- 「自由形式」の文字（タイトル）をクリック
- タイトルを変更
- 自由入力欄にブログパーツのソースコードを貼り付けて「保存する」をクリック
- 「設定を反映する」をクリック
参照:http://blog-help.seesaa.net/article/32923182.html
JUGEM
更新：2009/9/25
- 管理画面で「デザイン」-「サイドバー編集」-「フリースペース」を開きます。
- 「編集」をクリックします。
- 「タイトル」を記入し、「内容」のところへコピーしたソースコードを貼り付けます。
- 公開・非公開を「公開」に設定し、「編集内容を保存」をクリックします。
参照:http://support.jugem.jp/faq2/service/manual/248 の3番以降
So-net ブログ
更新：2009/9/25
- 管理画面で「デザイン」-「レイアウト」を開きます。
- 左メニューの「サイドコンテンツ」をクリックしてコンテンツ一覧を開ます。
- 右下にある「カスタムペイン」をマウスでドラッグして、コンテンツ配置（ヘッダー・サイドバー・記事カラム）の好きな場所で放します。
- 「カスタムペイン」の文字をクリックすると、カスタムペイン編集画面が開きます。
- タイトルを変更します。
- 自由入力欄に、コピーしたソースコードを貼り付けて、「設定を保存する」をクリックします。
- 「設定を完了しました」と表示されましたら、右上の×ボタンをクリックして編集画面を閉じます。
- レイアウト画面に戻るので、「設定を保存する」ボタンをクリックします。【重要】
参照:カスタムペインhttp://blog-help.blog.so-net.ne.jp/custompane
PetitMallブログ
更新：2009/5/22
- 「新しくブログパーツを追加する」をクリック
- ブログパーツ名とブログパーツのソースコードを入力して「追加する」をクリック
参照：http://www.petitmall.jp/howto_admin_blog.html#blogparts
Blogger
更新：2010/2/13
- 「レイアウト」-「ページ要素」で「ガジェットを追加」をクリック。
- 小窓が開くので「HTML/JavaScript」をクリック。
- 「コンテンツ」の右上に「リッチテキスト形式」と表示されているなら4.へ進みます。
もし右上に「HTML編集」と表示されていたら、その文字をクリックしてHTML編集状態（リッチテキスト形式と表示されている状態）にしてください。 - 「コンテンツ」にソースコードを貼り付けます。
※ソースコード貼り付け後は絶対に「リッチテキスト形式」をクリックしないでください。 - 「保存」をクリックして終了。
269g
更新：2010/2/13
- 【参照ページ】よくある質問 サイドバー・コンテンツ>サイドバーに、ブログパーツなど他社サービスを設置したい
ヤプログ
更新：2009/5/31
サイドバーに設置する場合
- 管理画面で「サイドバー」をクリック
- 「機能追加・編集」をクリック
- 「新規追加」をクリック
- 機能名を入力
- HTML欄にコピーしたソースコードを貼り付けて、「保存」をクリック
- 「機能選択・並び替え」で、使用しない機能に追加されているので、使用する機能へ移動
- 「保存」をクリック
プロフィール欄に表示する場合
- 管理画面で「サイドバー」をクリック
- 「プロフィール編集」をクリック
- 「その他」欄にソースコードを貼り付け、欄の上の『HTMLで記述する』にチェックを入れる
- 「保存」をクリック
livedoorブログ
更新：2009/5/21
新管理画面
- 管理画面で「ブログ設定」をクリック
- 「ブログパーツ」の「新規追加」をクリック
- 「フリーエリア」の「追加」をクリック
- 改行設定「変換しない」にチェックを入れて、ソースコードを貼り付け、「保存する」をクリック
- 「ブログパーツの設定」でタイトル入力、順番設定などを行い、「ブログに反映する」をクリック
旧管理画面
- 管理画面の「カスタマイズ/管理」をクリック
- プラグインの「新規追加」をクリック
- 「フリーエリアプラグイン」（または「上級者向けプラグイン」の「フリーエリア」）をクリック
- 改行設定「変換しない」にチェックを入れて、ソースコードを貼り付け、「この内容をで設定する」をクリック
- 「プラグインの設定」でタイトルを入力、順番設定などを行い、「プラグインの内容を更新する」をクリック
LOVELOG(DION)
更新：2009/5/22
- 管理画面から「サイドバー」をクリック
- 「新しいプラグインの追加」から「フリーエリア」を選択し「プラグインの追加」ボタンをクリック
- 「挿入テキスト(上部)」にブログパーツのソースコードを貼り付けます
- 「タイトル」を入力
- 「自由入力欄」に文字を入力（何も表示したくないときはスペースを入力）
- 「変換しない」にチェック
- 「保存」クリック、プラグインの一覧に追加されていればOK
- ブログを再構築
参照：http://www.auone-net.jp/netguide/feature/020/cust020/02001.html
ウェブページ
- <body>〜</body>の中の、表示したい場所にソースコードを貼り付けてください。
- パーツはdivタグで出力されます。幅の指定はしていません。
- スタイル指定するときは、スクリプトをdivタグで囲んで、そちらに指定すると良いと思います。
<div style="padding:5px;width:160px;">
スクリプトのソースコード
</div> - ログインしてウェブ上で編集するようなウェブページは、使用できるHTMLタグに制限がかかっている場合があります。 scriptタグが使用できないとパーツは表示されないので設置できません。
ホームページビルダーで設置する
ホームページビルダーV8（古くてすみません…）でホームページ（HTMLページ）に貼り付ける方法の説明です。
編集スタイルが「かんたん」だと「HTMLソース編集」ができませんので、「スタンダード」または「エディターズ」に切り替えてください。
- 設置したいブログパーツのソースコードを「コピー」しておきます。
- ビルダーを開き、ページ編集画面の「文字の挿入」で、スクリプトを設置したい場所に目印のテキストを書き込みます。
例えば、 ★ここに貼る★ など、自分で見てわかるものなら何でも構いません。 - 「HTMLソース編集」タブをクリックして、HTMLソースを表示させたら、目印のテキストを探します。
- 目印を見つけたら、そのテキストをマウスドラッグで反転し、その上で右クリックし、「貼り付け」を選びます。
すると、コピーしたスクリプトが目印のテキストの代わりに挿入されます。 - 「プレビュー」タブをクリックして、表示されているかどうか確認してください。
★表示されない場合は、ソースコード作成段階でエラーがあるか、またはコピーのときに選択漏れなどがあったのかも知れません。注意して再度やり直してみてください。
★挿入をやり直す場合は、貼り付けたソースコードを完全に削除してからやり直してください。
サイト内検索
LINK
便利＆面白いブログパーツを見つけよう♪ 素材とスクリプト