ブログ

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

以前の記事では、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

人生初めてのゲーミングチェアを購入!レビューしていきます。   最近では在宅勤務(テレワーク)が増えたり、自宅のパソコン作業用いすがヘタって来たりと、腰痛が酷くなってきました。 そんな時に目 ...

2

特に夏の暑い時期におすすめの「ミント系」のシャンプー! 本記事では我が家で愛用している、超爽快のミントシャンプー「ミントベル(Mintvell)」を紹介していきます。 【爽快感 最高!】ミント系のシャ ...

3

とても人気のあるロジクール(Logicool)のトラックボールマウス。 そのトラックボールマウスの最高峰モデル「MX ERGO」を購入したので紹介していきます。 今回購入したロジクール最高峰トラックボ ...

EchoShow5 4

Echo show5 買いました! 5.5インチスクリーン付きのスマートスピーカーです! 5/10まで¥4,000オフで買えますよ! Echo Show 5 (エコーショー5) スクリーン付きスマート ...

-ブログ

© 2022 いやまいったね!