中卒フリーライターほぼ無職。スマートフォン用の表示で見る中卒フリーライターほぼ無職。在宅Webフリーライターaoikaraの日常ブログです。映画ライフハックメンタル北海道ブログについてスポンサーリンク2017-04-10Feedlyボタンを設置|はてなアカウントがなくても読者登録できますブログシェアするTwitterGoogle+Pocketスポンサーリンク休みだけどブログ更新しているaoikaraです。これは3月のストックしておいた分の記事なので、そのうち更新が止まるかも(笑)というわけで今回のテーマは...Feedlyボタンを設置です。「Feedly」って何?まずFeedlyのご説明。Feedlyというのは、サイトの更新情報を管理できるサービスのこと。気になるサイトがあったら新しい情報が気になりますよね。その新しい情報をすぐに受け取れるというシステム。更新情報をチェックしたいサイトが複数あると、いちいちそのサイトを見て確認するのって面倒ですよね。そこで一括管理できるシステムがあると便利。それができるのがFeedlyというわけです。Feedlyの詳しい解説や、登録方法については別記事でご紹介しています。www.aoikara-writer.com「Feedlyボタン」を設置するメリットって?はてなアカウント以外でも読者になれるそして、私のサイトからすぐにFeedlyに登録してもらえるように、Feedlyボタンを設置しました。いうと、はてなアカウントを持っていない方にも見ていただき、読者になってもらいたいと思ったからです。はてなブログでは、はてなアカウントを持っていると読者になり、更新情報が見られます。アカウントを持っていないと、いちいちサイトを見ないと新しい記事があるかどうかわからないんです。そこで、はてなアカウントを持っていなくても、ブログの情報を見られるように、Feedlyボタンを設置しました。私のブログを読んでくださっている方は、Feedlyに登録していただくのも一つの手です!まあ、現在は1人しかフォロワーがいないんですけどね(笑)というわけで、Feedlyボタンの設置方法について解説します。Feedlyボタンのコード取得方法1基本的なやり方まずはFeedly公式のボタンの設置方法を解説。コードを取得し、はてなブログに貼るという手順です。それではチェック!1.「Feedlyボタンのコード作成」公式ページを開くまずは、Feedlyのボタンのコードを作成するページにアクセスしましょう。下記リンク先でコードを作成できます。feedly.comこういうページが表示されます。2.Feedlyボタンのデザインを選ぶまずはFeedlyボタンのデザインを選びます。サイズもいろいろ、デザインもいろいろあります。お好みのデザインをクリックしましょう。私は左下のマットなデザインのものを選びました。続いて、Feedlyボタンを設置したいサイトのURLを指定の場所に入力しましょう。ここです!サイトのトップページのURLを入力しましょう。私の場合はこんな感じ。4.ボタンのコードを取得URLを入力すると、ボタンのデザインの確認と、コードの取得ができます。ここで取得したコードを、サイトやブログなどの貼りたい場所に設置すれば完了です。はてなブログへの設置方法は後ほど解説します。Feedlyボタンのコード取得方法2カスタマイズする場合Feedlyボタンのデザインをカスタマイズして、ブログやサイトに設置する方法もあります。私はこちらを採用していて、サイドバーと記事下にほかのフォローボタンと一緒に表示しています。詳しいカスタマイズの方法はshunさんの「いつから俺ができないと錯覚していた?」の下記リンク先の記事を参考にさせていただいたので、詳しく知りたい方は是非ご覧ください。www.ituore.com▼関連記事はこちらwww.aoikara-writer.comはてなブログに設置する方法はてなブログでFeedliyボタンを設置したい場合の、場所別にコードを貼る場所をご紹介します。サイドバーに設置したい場合サイドバーというのは私のブログだと、パソコンだと右側に表示されているバーです。スマホだと記事の下にスクロールすると見られるでしょう。Feedlyボタンを設置すると、こんな感じです。コードを入力する場所はデザイン>カスタマイズ>サイドバー>モジュールを追加>HTMLまずはデザインを選択します。左側にメニューバーが表示されるので、スパナのようなマークの「カスタマイズ」をクリックしましょう。※広告を非表示にしています。左側のサイドバーにいろんな項目が一覧で表示されます。そのうち「サイドバー」を選択。サイドバーに設置しているいろんな項目が表示されるので、一番下までスクロールしましょう。下にある「モジュールを追加」をクリックします。サイドバーに追加したい項目の一覧が表示されます。下にスクロールして「HTML」の項目をクリックしましょう。あとは赤枠の場所で、先ほど取得したFeedlyのコードを貼り付ければOKです。コピー&ペーストで完了。あとは「適用」ボタンをクリックして、「変更を保存する」をクリックすれば、サイドバーにFeedlyボタンが表示されるはずです。記事を開いたときの上部分に表示したい場合はデザイン>カスタマイズ>記事>記事上の順に表示させて、コードを入力します。「デザイン」を開き、左のバーに表示されているスパナのようなマークの「カスタマイズ」を選択します。表示されている項目のうち「記事」を選択します。スクロールして「記事上下のカスタマイズ」から「記事上」をクリックすると、コード入力画面になります。ここに取得したFeedlyのボタンのコードを入力しましょう。コピー&ペーストで完了。記事下にFeedlyボタンを設置したい場合の解説です。デザイン>カスタマイズ>記事>記事下の順に表示させてコードを設置できます。デザインを選択します。左側にメニューバーが表示されるので、スパナのようなマークの「カスタマイズ」をクリックしましょう。いろんな項目が表示されるので、そのうち「記事」を選択します。スクロールして「記事上下のカスタマイズ」から「記事下」をクリックすると、コード入力画面になります。ここに取得したFeedlyのボタンのコードを入力しましょう。コピー&ペーストで完了です。Feedlyボタンの設置方法については以上です。便利だと思うので、ボタンを活用したいという方は、ぜひぜひ参考にしてくださいね。良かったらポチッとください。22:00Feedlyボタンを設置|はてなアカウントがなくても読者登録できますFeedlyボタンを設置|はてなアカウントがなくても読者登録できますこの記事が気に入ったらフォローお願いします。購読する最新情報をお届けします。はてなブログPro中卒だけどなんとかやってるフリーライターです。ブログは月間最高13万アクセスほど。現在は女性向けキュレーションサイト「LOCARI」で記事執筆中。記事の寄稿や、ライティングなどのお仕事のご依頼は下記の「お問い合わせはこちら」まで。映画ライフハックメンタル北海道ブログについてスポンサーリンクはてなブログをはじめよう!aoikaraさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか?はてなブログをはじめる(無料)はてなブログとは中卒フリーライターほぼ無職。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。