いやまいったね!

読者です 読者をやめる 読者になる 読者になる

いやまいったね!

2人の娘を持つ30代パパがお送りするブログ。iPhone関連記事が多め。スマホ機種変更に関する情報や、iPhone便利機能、iPhone・Androidのオススメアプリの紹介など。たまに子育てネタも書いています。お問い合わせ・広告依頼などはiyamaittaneblg@gmail.comまでお願いします。

MENU

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

ブログ

f:id:nikkiblog:20150823012913p:plain

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

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

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

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

www.feedly.com

 

方法は簡単です!

f:id:nikkiblog:20150831225919j:plain

Setp1

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

Step2

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

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

Step3

f:id:nikkiblog:20150831230421j:plain

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

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

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

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

f:id:nikkiblog:20150831230635j:plain

 

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

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

f:id:nikkiblog:20150831230736j:plain

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

f:id:nikkiblog:20150831231015j:plain

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

<スポンサーリンク>

 

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

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

f:id:nikkiblog:20150831231206j:plain

 

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

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

f:id:nikkiblog:20150831231316j:plain

 

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

f:id:nikkiblog:20150831231555j:plain

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

 

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

よろしければこちらも合わせてよんでみてください!