超簡単!ブログに【Feedly登録用ボタン】と【Twitterフォローボタン】を置いてみたよ!

a0002_001091_m

ブログにFeedly登録ボタンとTwitterフォローボタンを置いた @tangerineです。

思ったより簡単でした。参考になるブログ記事がいっぱいあったので。
feedly登録ボタンとTwitterフォローボタンの設置のやりかたをご紹介。

このようなボタンを使ってもらえれば嬉しい限りです。
そのためには、もっと記事を頑張ってアップしていかないと。



a0002_001091_m

Feedly登録用ボタンすっごい簡単にできぞ!

まずは、Feedlyのサイトにいってみましょう。
そこで、ブログなどに貼り付けるボタンを選びます。

feedly. your news. delivered.
feedlyリンクボタンはこちらで作ろう!

ボタンは以下から選べます。これがStep1です。
シンプルデザインが多くて良いですね!

全画面キャプチャ 20130923 85546

ボタンを選んだら、URLを登録します。これがStep2です。
feedのURLなので、ボクのフォト*さいころを例にしてみると、

http://photopsycholo.com/

このURLのお尻にfeedを付け加えた

http://photopsycholo.com/feed

となります。

登録画面は下のような感じ。

全画面キャプチャ 20130923 90743

最後は、コピペできるコードが表示されます。これがStep3。
このコードをブログなのに貼り付ければOK!
簡単ですよね。
参考にしたサイトは、我が師匠 @Mori2nd さまのブログです。

ブログにFeedly登録用ボタンを設置してみた!とっても簡単ですね! | DELIGHT MODE
ブログにFeedly登録用ボタンを設置し …
我が師匠の分かりやすい記事です!

この記事を参考にして、ボクは右上のプロフィールのところにFeedly登録ボタンを置きました。
ありがとうございます!師匠!作ったボタンを置いておきます!

follow us in feedly

Twitterフォローボタンも簡単にできちゃったぞ!

まずは、Twitter公式サイトの以下URLに行ってみましょう。
ここでフォローボタンを作ることができます。

https://twitter.com/about/resources/buttons#follow

ボタンをスタイルを選びます。
ボクは、シンプルな「○○をフォローする」ボタンを選びました。
ボタンの大きさも選ぶことができます。

全画面キャプチャ 20130923 92554-001

あとは生成されたコードを貼り付けるだけです。
Feedly同様に、めちゃ簡単!


ここで、ボクは気づきました。
このボタンの右隣にフォロワー数が表示されいない!
尊敬する人たちのブログはフォロワー数が表示されてるのに!
いろいろ調べてみると、コピペするコードの

data-show-count=”false” 部分が重要らしい。

ここの部分を「false」から「true」にすれば表示されるようです。
初期設定では非表示なようで、ここを修正すればOK!


ブロガーの方々が大絶賛するほど美味しい「春友ラーメン」で
有名なブロガーさまの記事を参考にしました。ありがとうございます!

Twitterのフォローミーボタンをフォロワー数を表示させて設置する方法 | なまら春友流
フォロボタンのフォロワー数表示のやり方です!

今回、ブログをプチ改善しました。
Feedly登録用ボタンとTwitterフォローボタンをプロフィール部分に追加しました。
思ったより簡単でした。参考になるブロガーの皆さまの記事にも感謝です。

肝心要の記事をもっともっと楽しんでアップしていこう!

スポンサーリンク
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。