Amebaブログをご利用の方 Seesaa Blogをご利用の方 Bloggerをご利用の方 FC2 Blogをご利用の方 livedoorBlogをご利用の方
ココログ プロをご利用の方 MOVABLE TYPEをご利用の方 企業サイト・個人サイトの方 カスタマイズしたアイコンを取り付けたい方

Amebaブログをご利用の方

1. 上記のアイコンジェネレーターでコードを生成
2. amebaの アメブロの編集・設定　> 記事の編集 > 記事一覧・編集 からブログ編集画面を開き、編集画面の『HTMLタグを表示』をクリックし、生成したcodeをコピー＆ペーストします。
3. 後は公開をすれば登録完了です。

Seesaa Blogをご利用の方

1. 上記のアイコンジェネレーターでコードを生成
2. SeesaBlogの「デザイン」のコンテンツ画面に移動し、「記事」を選択してください。すると中央に画面が出ますので、画面右上の「コンテンツHTML編集」をクリックしHTMLテンプレートを表示させます。
3. 生成したcodeをコピー＆ペーストします。
4. 後は「保存」ボタンを押すと「再構築を実行」ボタンが表示されるので、範囲はトップページのままクリックしてください。
   完了したメッセージが出たら「閉じる」ボタンで画面を閉じます。再度表示されるコンテンツ画面の下にある「設定を反映する」ボタンをおして先ほどと同じように範囲をトップページのまま「再構築を実行」すれば終了です。

Bloggerをご利用の方

1. 上記のアイコンジェネレーターでコードを生成
2. Bloggerのテンプレートタブに移動し、「現在の内容の編集」のテンプレート編集画面を開きます。
3. 変更したHTML部分の「この部分に画像のURLを入力」の所に、生成したcodeをコピー＆ペーストします。
4. [テンプレートの変更内容を保存]ボタンで保存して[再構築]ボタンを押せば、ブックマークアイコンがブログと更新と共に自動的に反映されます。

FC2 Blogをご利用の方

1. 上記のアイコンジェネレーターでコードを生成
2. 環境設定の「テンプレートの設定」画面から編集をクリックします。※「default」テンプレートの場合
3. テンプレート編集画面が表示されますので 、生成したcodeをコピー＆ペーストします。
4. 「この部分に画像のURLを入力」の所に先ほど保存しておいた画像のURLを入力して、「更新」ボタンで保存します。
5. 最後にテンプレートのCSSで 「.body img」 に対してスタイルが指定してあるので、スタイルシートに下記の指定を追加します。

   /* 「この記事を含むBuzzurlブックマーク」ボタン */
   img.b_entry {
   　float: none;
   　clear: both;
   　border: none;
   }
   

6. 以上でブックマークアイコンがブログと更新と共に自動的に反映されます。

livedoorBlogをご利用の方

1. 上記のアイコンジェネレーターでコードを生成
2. livedoorBlogの、「カスタマイズ/管理」画面の「デザインの設定」に移動し、デザインの中から「カスタマイズ」を選択します。
3. HTMLテンプレートが表示されますので、生成したcodeを 「トップページ」「個別記事ページ」「カテゴリーアーカイブ」「月別アーカイブ」にコピー＆ペーストします。
4. 「この部分に画像のURLを入力」の所に先ほど保存しておいた画像のURLを入力して、「更新」ボタンで保存します。
5. 後は「この内容で保存する」ボタンをクリックすると、ブックマークアイコンがブログと更新と共に自動的に反映されます。

ココログ プロをご利用の方

1. 上記のアイコンジェネレーターでコードを生成
2. 生成したcodeを「Main Index」と「Individual Archives」のテンプレートを以下のように編集します。

   </MTEntryIfCategories> | <a href="<MTEntryPermalink$>">固定リンク<a>
   <p>
   

   を

   <MTEntryIfCategories> | <a href="<MTEntryPermalink$>">固定リンク<a>
   <a href="http://buzzurl.jp/entry/<MTEntryPermalink$>" title="Buzzurlにブックマーク" target="_blank"><img src="http://buzzurl.jp/static/image/api/icon/add_icon_mini_01.gif" alt="Buzzurlにブックマーク" style="border:0"><a><a href="http://buzzurl.jp/entry/<MTEntryPermalink$>" title="Buzzurlにブックマーク" target="_blank"><img src="http://api.buzzurl.jp/api/counter/<MTEntryPermalink$>" alt="Buzzurlにブックマーク" style="border:0"><a>
   <p>
   

   ※実際には改行をいれずに一行で記述してください。
3. 後は保存と再構築をすればブックマークアイコンがブログと更新と共に自動的に反映されます。

MOVABLE TYPEをご利用の方

1. 上記のアイコンジェネレーターでコードを生成
2. MOVABLE TYPEの編集画面を開き、環境設定 > テンプレート > メインページ を選択します。
3. 生成したcodeを<$MTEntryBody$> の上に コピー＆ペーストします。
4. 後は保存と再構築をすればブックマークアイコンがブログと更新と共に自動的に反映されます。

企業サイト・個人サイトの方

1. 上記のアイコンジェネレーターでURL入力欄に [[PERMANENT LINK]] をコピー＆ペーストし、コードを生成
   ※お使いのCMSによって異なります。
2. 生成したcodeをHTMLにコピー＆ペーストすれば完了です。

カスタマイズしたアイコンを取り付けたい方

技術者向けにAPIを公開したECナビデベロッパーネットワークをご覧ください
使用例：CNET Japan