ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > タグのお勉強 > title - お気に入りボタンをつくる

お気に入りボタンをつくる

お気に入りボタン
このお気に入りのボタンって何の為にあるかは知っていますよね。ブラウザのお気に入りに簡単に追加してもらうための物です。
今回はこれを作ります。


でもこのボタンはブラウザがInternet Explorerを使っている人にしか意味がないです。それでもいいよっていう人は作ってブログに置いてみましょう。
普通のボタンタイプ


<input type="button" value="お気に入りに登録" onclick="javascript:window.external.AddFavorite('http://あなたのブログのURL','あなたのブログの名前');">

上の通りに作るとこの様なお気に入りボタンが出来上がります。


アイコン入りタイプ

最初の見本みたいにボタンの中にアイコンを入れたい人は・・・

<button style="height:25px;" onclick="javascript:window.external.AddFavorite('http://あなたのブログのURL','あなたのブログの名前');"><img src="アイコンをアップロードした時のhttp://~.gifをここに。" style="vertical-align:middle;"> お気に入りに登録</button>

この様にできます。


height:この数値を変えると高さが変わります。
アイコンは無料で配っているサイトが沢山あるので、そこから自分が気に入った物を貰ってきて下さい。

テキストタイプ

ボタンは嫌だ!テキストがいいという人は・・・

<A Href="javascript:window.external.AddFavorite('http://あなたのブログのURL','あなたのブログの名前')">お気に入りに追加</A>

この様に文字のお気に入りになります。
お気に入りに追加

お気に入りボタンをつくっておいて置けば、あなたのブログを定期的に見に来てくれるお客さんができるかも知れませんよ。
特にブログを作った最初の頃は、もう一度見たいと思っても検索エンジンでは探しきれなくて、あなたのブログにたどり着いてくれない可能性がありますからね。


関連ページ)
・お気に入りボタンをつくる
ボタンの大きさや文字を変える
ボタンの枠線や背景色を変える
ボタンを画像にする


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
はじめまして☆
お気に入りボタンいいですね。あると親切ですよね。
ありがとうございます。
そういってくれる人が一人でもいるだけで、この記事を作ったかいがありました。
ありがとうございます
はじめましてたぁこと申します。
こちらのブログで色々勉強させて貰ってます♪
お気に入りのボタン無事設置出来ましたのでお礼に来ましたv
ポチ!していきます(*´∇`*)
たぁこさんへ
たぁこさん、はじめまして!
お気に入りボタンは、見てくれる人の為にあった方が親切ですよね!
りぼんのかわいいお気に入りボタンができてよかったです!!
見に来てくださったんですねv
ありがとうございます。
おかげ様で無事設置出来たのですが
「お気に入りに追加」の前に画像入れられるのならば
後ろにも画像を入れられないかなぁ…と思い相談に参りました。

     ☆お気に入りに追加☆

こういう風にしてみたいのです。出来ますでしょうか?

追伸:NEWマークも付けれるようになりました♪
    ここのお陰で更新するよりカスタマイズするのが楽しくなってきました。
    これからも、勉強させて下さいね。
たぁこさんへ
後ろにも画像をつけるには、「お気に入り」の文字の後ろにも
<img src="アイコンをアップロードした時のhttp://~.gifをここに。" style="vertical-align:middle;">をつければできますよ!!

<button style="height:25px;" onclick="javascript:window.external.AddFavorite('http://あなたのブログのURL','あなたのブログの名前');"><img src="アイコンをアップロードした時のhttp://~.gifをここに。" style="vertical-align:middle;">お気に入りに登録<img src="アイコンをアップロードした時のhttp://~.gifをここに。" style="vertical-align:middle;"></button>

見本でこのブログの左のサイドバーにあるお気に入りボタンを両方画像にしてみました。
出来ました!!
見本まで作って頂いてありがとうございます。
最初、自分で入れようとした時
どの部分を入れるのか判らなくて…
でも、上の通りに入れたらちゃんと前後にアイコン入れられました♪
こんな事まで親切に教えてくださってありがとうございます!!
たぁこさんへ
無事にアイコンが入れられていますね!よかったです!!
自分も初めてやってみたので勉強になりましたよ。
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/75-17f93311   

Template Designed by DW99