Feedlyにフィードをワンクリックで追加するボタンをブログに設置してみようの巻


2013-0712-055544

Feedlyについてはもう既に何度も記事にしていますが、
Google Readerが6月末で終了になってから新しくRSS Readerとして
Feedlyの需要が高まりそうだなー、ということもあるので
乗るしかない、このビッグウェーブに…

ということでTipstourのトップページにもワンクリックでFeedlyに
フィードを追加出来るボタンを追加してみました。

手順ですが、結構簡単でしたよ。

スポンサードリンク

 

Feedlyフォローボタンを生成する

feedly. your news. delivered.

上記ページから、Feedlyでのフォローボタンが生成出来ます。

さっそく生成してみよう

先ずはStep1でボタンのデザインを選んでみます。
いくつかデザインがあるので好きなものを選びましょう。
ボタンをクリックしても何も変化がないですが、一応選択されてます。
2013-0712-060341

サイズがいくつかありますが、一番左側の大きいボタンは
見た目は小さいですが実際は262 * 112pixelあるので、
自分のサイトのサイズに向けてカスタマイズしたい場合は
この大サイズのボタンを選んでおくのがベターな気がします。

次に、Step2でフィードのURLを貼り付けます。
2013-0712-060410

Tipstourの場合はFeed Burnerを使ってるので、
http://feeds.feedburner.com/Tipstour
を貼り付けました。

あとはStep3部分にボタンのコードが生成されているので、
これをコピペして自分のサイト・ブログに貼り付けるだけです。
5分もかからず作れますね、これ。
2013-0712-060421

実際にTipstourのトップにもボタンを設置してます。
さりげないデザインで結構目立つ。 いいかんじかも。
2013-0712-061948

ボタンのカスタマイズ

自分のサイトのデザインに合うようにサイズを調整したい場合、
生成されたコード内の『width=’****’ height=’****’』部分の数値を
変更してあげることでサイズが調整可能です。

こんな感じ。

follow us in feedly

follow us in feedly

follow us in feedly

follow us in feedly

フォローボタンをクリックするとこんな感じ

実際にボタンを押してみると、Feedlyにアカウントを作っていれば
すぐさまフィードが表示され、フォローすることが可能です。
これ、本当にワンクリックですね。
2013-0712-062238

『+add to my feedly』の部分を選択すれば、
そのままFeedlyにフィードが追加されますよ。

総括

Google Readerの後継としてのサービス、
実際のところぼくはFeedlyに絞ってカスタマイズしている所です。

まだFeedlyが日本語対応していない部分もあるので、
一般向けにもガツンと普及するのはまだ先な気がしますが、
とりあえず僕は今後もFeedly推しでやっていきたいと思います。

スポンサードリンク

 

この記事が参考になったら、TipstourのFacebookページに『いいね!』をお願いします!

 

よろしければFeedlyもご登録ください!
follow us in feedly

 

Tags:, ,