初心者向け!はてなブログでプロフィールやサイドバーにRSSボタンを設置するカスタマイズの方法
RSSを使えば、お気に入りのサイトが更新したという情報が、すぐに入ってくるらしいです!
これで、定期的にサイトを見に行って更新されているかチェックする必要がなくなります。
そこで、はてなブログでサイドバーにRSSボタンを設置したいと思います!
RSSボタンを設置するやり方
1RSSボタンの画像を利用できるようにする
2-1サイドバーにRSSボタンを設置する
もしくは
2-2プロフィールにRSSボタンを設置する
以上の2ステップです。
RSSボタンの画像を利用できるようにする
RSSボタンのフリー素材を探してきます。www.material-land.com
こちらのサイトのお世話になりました!ありがとうございました!
あとは、画像を利用するために、画像をサーバー上にアップする必要があります。
そこで、画像をはてなフォトライフにアップします。nazlife.hatenablog.com
こちらのサイトのお世話になりました!ありがとうございました!
RSSボタンを設置する
サイドバーにRSSボタンを設置する
「デザイン>カスタマイズ>サイドバー>モジュールを追加>HTML」
ここにコードを書きます。
あとは、2行目の
<img src="画像のURL" alt="RSS"”>
この「画像のURL」のところに、先ほど、はてなフォトライフにアップした画像のURLを貼付けます。
そして、1行目の
<a href="http://raptor36.hateblo.jp/rss">
このアドレスの部分に
http://raptor36.hateblo.jp
自分のブログのURLを入れます。
これで、サイドバーにRSSボタンを設置することができました!
プロフィールにRSSボタンを設置する
これはサイドバーにRSSボタンを設置する場合の応用です。
hmaki.hatenablog.com
こちらのサイトの手順にそってすすめていきます。
そして、手順4のところでRSSボタンを設置します。
サイドバーに新たに作ったプロフィールのHTMLコードを開いて、一番下にある
</div>
これのすぐ上の部分に
このコードを、「サイドバーにRSSボタンを設置する」で説明した修正をして、入れれば完了です!
これで、プロフィール内の一番下の部分にRSSボタンを設置することができました。
ちなみに、もともとあったプロフィールは削除しても心配いりません!
モジュールを追加を押せば、消去したプロフィールのモジュールをいつでも再設置できるので!
ぜひ、ご利用ください!