第23回： オリジナルボタンを作成してみよう！その１

こんにちは。
Yahoo!ツールバー担当Kです。

今回はツールバーのオリジナルボタンの作成の方法をご紹介したいと思います。
8/19にYahoo!ツールバー ギャラリーをリリースいたしました。
このギャラリーでは掲載されているボタンを選んでツールバーに追加できるほか、
自分でツールバー用のボタンが作れるようになっています！

一回目はお気に入りのサイトへのリンクボタンとRSSフィードを表示するボタンの作り方です。

ここではツールバースタッフブログを表示するボタンと
ツールバースタッフブログのRSSフィードを表示するボタンを作ってみます。

作成画面へ移動

ツールバーページの右上にあるボタン作成・管理をクリックします。
ボタンを作成するにはYahoo! JAPAN IDでのログインが必要です。
ログインしていない場合は、ログイン画面がでますので、ログインをしてください。

ステップ１ 利用規約に同意

利用規約をよく読んで、同意いただけたらチェックボックスをオンにして
同意して次へをクリックします。

ステップ２ ボタン情報の入力

ボタン用の情報を入力していきます。

画像をクリックすると拡大表示されます。

ここでは以下のように入力しています。

■ボタン名：ツールバースタッフブログ
■ボタンツールチップ：ツールバースタッフブログを表示します。
■アイコン画像：飛行機
ボタンに表示されるアイコンを選びます。あらかじめ画像が用意されているので選ぶだけです。
あとから自作のアイコンに変更することもできます。
■ボタン種類：ブックマーク型
■ブックマークURL:http://blogs.yahoo.co.jp/yjtb_blog

入力したら次へを押します。

※公開/非公開欄が非公開になっています。
　このままだと、作った本人がログインした時にしか使えません。
　他の人でも使えるようにするにはギャラリーに公開する必要があります。
　公開の手順は別の回でご説明します。

ステップ３ 入力内容の確認

内容を確認して作成ボタンを押します。

ステップ４ 作成完了

作成完了です。追加ボタンを押してみましょう。

ツールバーにボタンが追加されました。

ボタンをクリックして、スタッフブログを表示することができました。

RSSフィードを表示するボタンの作成

今度はRSS型のボタンにしてみましょう。
先ほど作ったボタンを修正してRSS型のボタンに変更してみます。

右上のボタン作成・管理ボタンを押します。

作ったボタンは作成ボタン一覧に表示されていますので、
編集ボタンを押します。

画像をクリックすると拡大表示されます。

ボタン種類をRSS型に変更します。
すると入力項目が増えます。
ここでは
■フィードURL:http://blogs.yahoo.co.jp/yjtb_blog/rss.xml
■アラートマーク画像:NEW
■フィード取得間隔:一時間ごと
■ボタンリンクURL:http://blogs.yahoo.co.jp/yjtb_blog
と入力しました。
次へボタン、保存ボタンを押して保存します。

RSS型のボタンに変更できました。
ボタンの右側に▼がついて、クリックするとRSSのフィードが表示されるようになりました。

これにて第23回は終わりになります。いかがでしたか？

次回はミニウィンドウ型ボタンの作成方法をご説明します。

これからも、Yahoo!ツールバーをよろしくお願いします

---

Yahoo!ツールバー