０から稼ぐサイトをつくろう

FC2ブログでの「お気に入りに追加」ボタンの設置方法をまとめてみました。

下記のリンクをクリックしてみましょう。
「HTMLの小技」さん

いろいろな「お気に入りに追加」ボタンがありますが、
ここでは一番上に表示されている「ボタンタイプ」を例に説明したいと思います。

では、はじめに、「ボタンタイプ」のタグソースを全て選択し、コピーしましょう。
下図の赤枠がタグソースになりますね。

コピーしましたら、以下の手順で設置してみましょう。

１．管理室にログイン

２．画面左側の「環境設定」メニューから、「プラグインの設定」のリンクをクリック

３．「プラグインの追加」項目で、「プラグインの追加」のリンクをクリック

４．「フリーエリア」項目で、デフォルトで入力されている「フリーエリア」を削除して、
　　お好きな名前（例：お気に入り）を入力

　　任意のカテゴリーを選択

　　「追加」ボタンをクリック

５．「プラグインカテゴリー」から、「４．」で入力した名前の「HTML編集」のリンクをク
　　リック

６．HTMLの編集欄に、デフォルトで下記のタグが入力されていま
　　すね。

　　<!-- ＆freeareaの中にHTMLが代入されます。 -->
　　<p class="plugin-freearea" &align>
　　&freearea
　　</p>

　　このタグの下から2行目「&freearea」を選択して、はじめにコピーしたボタンタイプ
　　の「お気に入りに追加」のタグソースを貼り付けます。

　　貼り付けると、下図の赤枠のように表示されると思います。

　　

　　「HTMLの編集」欄には、以下のように表示されていますね。

　　<!-- ＆freeareaの中にHTMLが代入されます。 -->
　　<p class="plugin-freearea" &align>
　　<FORM>
　　<INPUT type="button" class="homepage"
　　onclick="window.external.addFavorite
　　('http://zumirin.cool.ne.jp/kowaza/','* ＨＴＭＬの小技
　　*')" value="お気に入りに追加">
　　</FORM>
　　</p>
　　

　　上記のタグソースの下から4行目にある
　　('http://zumirin.cool.ne.jp/kowaza/','* ＨＴＭＬの小技
　　のURL「http://zumirin.cool.ne.jp/kowaza/」と名前「ＨＴＭＬの小技」を
　　あなたのブログのURLとブログのタイトルに修正しましょう。

　　例：ブログのURL　http://************.blog**.fc2.com/
　　　　ブログのタイトル　はじめてのネットビジネス

　　　　ならば、以下のように修正すれば正解ですね。

　　　　<!-- ＆freeareaの中にHTMLが代入されます。 -->
　　　　<p class="plugin-freearea" &align>
　　　　<FORM>
　　　　<INPUT type="button" class="homepage"
　　　　onclick="window.external.addFavorite
　　　　('http://************.blog**.fc2.com/','* はじめてのネットビジネス
　　　　*')" value="お気に入りに追加">
　　　　</FORM>
　　　　</p>
　　　　

７．画面下の「変更」ボタンをクリックします。

以上で完了です。

ブログを確認してみてください。

どうですか？

　「お気に入りに追加」ボタンが表示されていると思います。

※稀にですが、ご使用のテンプレートによっては、プラグイン未対応のため、「お気に
　 入りに追加」ボタンが設置できないものもあります。