はてなブログのカスタマイズはてなブログには読者機能があり、ブログに興味を持ってくれた人がブログの読者となり、更新をチェックすることができます。定期的にブログを読んでもらうためにもフォローボタンを目立つようにしたいところです。はてなブログで用意されている方法だと、プロフィールのところにしかボタンがありません。頑張れば他の場所にもボタンを設置することができますが、用意されているボタンはあまり目立ちません。今回は最もクリックされる可能性の高い記事下にこのような目立つボタンを設置していきます。※クリックで拡大します。フォローボタンを設定することができます。カスタマイズする方法を紹介する前に、まずは既定で用意されている方法を見てみましょう。追加したプロフィールのサイドバーでこれらを有効にすることができます。フォローボタンを使うためにはそれらを登録する必要があります。設定していないため、「現在無効です」と表示されます。開き、ここで登録をします。登録を済ませれば、先ほどのサイドバーのところでツイッターなども選択できるようになり、こんな感じのボタンがプロフィールに表示されるようになります。プロフィール以外にボタンを設置する方法プロフィール以外にフォローボタンを設置する方法も用意されています。コードをコピーすれば、任意の場所にボタンを置くことができます。等は各種公式サイトで開発コードを生成すれば、任意の場所に張ることができます。このサイトをご確認ください。[コピペ]はてなブログのボタンも色んなデザインにカスタマイズすることができます。カスタマイズ」で検索すれば参考になるサイトが色々出てきます。マウスオーバーでこんな感じで色が変わります。含まれるため、コピペする前に自分のサイトに合わせて少し編集をする必要があります。以下がフォローボタンを追加するためのコードです。始まる部分を編集する必要があります。編集しないとだめなところです。目印として※を追加していますが、利用するときは※を消してください。変更箇所を一つずつ順番に説明していきます。以下がはてなのフォローボタンを追加するコードです。置き換える必要があります。コードから必要な部分を取得します。上の図で下線を引いている部分をコピーして、今回のコードの緑の部分と置き換えます。箇所をhttp://blog.hatena.ne.jp/remotosa/remotosa.hatenablog.com/subscribeに置き換えます。フォローボタンを追加するコードです。フォローボタンを追加するコードです。以上、自分のサイトに合わせてコードを編集できれば、あとはそれを適切な場所に貼り付けるだけです。スマホ用に貼り付けていきます。今回はコードを追加します。スマートフォン対応のためにもまったく同じコードをコピペします。これでボタンは追加されましたが、まだ見た目がこんな感じです。スマホのボタン次でボタンの見た目をカスタマイズすれば完成です。(PC&スマホ)先ほど追加したボタンの見た目をカスタマイズしていきます。ここに以下のコードをコピペします。くくったコードをコピペします。8px;}</style>以上で記事下に目立つフォローボタンが出来上がりました。[コピペで使える]今回は最初のカスタマイズとしてまずは見出しを変更していきます。※クリックで拡大します。ことで、ブログのショートカットやアイコンに表示される画像のことです。[コピペで使える]記事下が広告がクリックされる可能性の一番高いところだと言われています。今回はそこにアドセンス広告を二つ横並びに設置していきます。