【はてなブログ】Feedlyボタンを設置してみた。
そういえばRSSリーダのボタンだけ設置してなかったな、ということで有名なWebサービス"Feedly"のボタンをプロフィール欄と記事下に設置してみた。
はてなブログでのFeedlyボタン設置方法
1.ボタンを作成する
以下の記事でボタンが作成できる。
1−1.好きなボタンを選んでクリック
クリックしても特に反応はないが、きちんと選択されているので大丈夫。後順のStep3で選んだボタンが表示されてるので確認は可能。
1−3.HTMLコードが完成しているのでコピー
勝手にHTMLコードが完成しているため、それをコピーする。
2.好きな場所に貼り付ける。
サイドバーのプロフィール
サイドバーのプロフィール欄であるが、こちらはHTMLタグを識別してくれるので、そのままペーストすれば問題なく表示される。
記事下
『デザイン』→『カスタマイズ』→『記事』→『記事下』欄に貼り付ける。
上図のように、スターやシェアボタンの上に置きたい場合は以下のようにすれば良いらしい。
<div id="my-footer"> FeedlyボタンのHTML </div> <script> var myFooter=document.getElementById("my-footer"); var temp=myFooter.cloneNode(true); myFooter.parentNode.removeChild(myFooter); document.getElementsByClassName("entry-content")[0].appendChild(temp); </script>