ブログ

feedly購読ボタンをブログに設置する方法!これでブログもちょっとカッコよくなったかな(笑)

投稿日:2015年8月31日 更新日:

以前の記事では、feedlyとは?feedlyの使い方について記載させていただきました。また、スマホアプリでもfeedlyを使用してみようということでこちらも記事に致しました。

今回は、諸先輩方のブログでよくお見掛けする「緑のボタン」を自分のブログにも設置してみよう!ということで、ブログへのfeedlyの設置方法について記事にしてみました。

スポンサーリンク

まずはfeedlyボタン作成サイトでHTMLコードを作る!

まずは以下のサイトにアクセスし、feedly購読ボタン設置に必要なHTMLコードを作成しましょう。

www.feedly.com

方法は簡単です!

Setp1

ボタンのデザインを選びます!お好きなやつをクリックして選択しましょう。

Step2

feedly購読するサイト・ブログのfeed URLを入力します。
はてなブログの場合は、「ブログURL+feed」という形になります

例えばこのような感じです ⇒ http://blog.hatena.ne.jp/nikkiblog/feed

Step3

赤枠部分の出来上がったHTMLコードをすべてコピーします!

これで、feedly購読ボタンのHTMLコード作成は完了です。

ブログにHTMLコードを貼り付けよう <記事下へのfeedly購読ボタン追加編>

まずはデザインメニューを開きましょう。

次に、「デザイン」⇒「カスタマイズ」⇒「記事」のメニューを開きましょう。
※下の写真は、「記事」メニューを開いた状態です。

赤枠部分の「記事下」に、前項でコピーしたHTMLコードを貼り付けましょう!
貼り付けた後は、上部の「変更を保存する」をお忘れなく。これで完了です!

実際に記事を開いて確認してみましょう!
下の画像のように、記事の下に「feedly購読ボタン」が表示されるようになりましたね!

一応クリックして、feedlyに追加できるかも確認しておくとよいと思います。

スポンサーリンク

ブログにHTMLコードを貼り付けよう <サイドメニューへのfeedly購読ボタン追加編>

では続いて、ブログのサイドメニューへも「feedly購読ボタン」を設置してみましょう!
先ほどの「記事下編」と同様に、「デザイン」⇒「カスタマイズ」⇒「記事」のメニューを開きましょう。その中から、「モジュールを追加」を選択します。

 

そしたら開いた画面の左メニューから「</> HTML」を選択します。
そして以下のように、「見出し」「コード」を入力しましょう!
コードにはコピーしておいた、HTMLコードを貼り付けます。貼り付け後、適用をクリックします。

そして最後に、「変更を保存する」のクリックをお忘れなく!以上で完了です。

では確認してみましょう!

ちゃんと「feedly購読ボタン」が表示されていますね(^^♪
ちょっと自分のブログがカッコよくなりテンションアップです♪

以上が、feedly購読ボタン設置方法でした。ありがとうございました。

 

 

関連コンテンツ

アドセンス パソコン


スポンサーリンク

おすすめ記事!

1

2017.2.28 更新:新作ゲーム追加 時間つぶしはもちろん、がっつり本格的にやりたい人にもおすすめのゲームアプリをランキング形式で紹介していきます。 ここで紹介するアプリは全て無料でダウンロード& ...

2

スマホ内の画像を整理していたら、酵素ダイエット(ファスティング:酵素断食)に挑戦した時の写真が出てきたので、私が経験した酵素ダイエット(断食)についてレポートしようと思います。(もう2年以上前の話です ...

3

更新:ドライヤーについて現役美容師さんの声&実際に私が体験した感想を追加 8月31日放送の「モシモノふたり」ではるな愛さんが使用していたドライヤー&フラッシュ脱毛器が気になったので調べてみました! お ...

-ブログ

Copyright© いやまいったね! , 2017 AllRights Reserved.