多くの人に愛用されてきました。IT系の方やネットを古くから利用している方に慣れ親しまれているソーシャルボタンです。従ってこのソーシャルボタンをブログに表示しない手はありません。まぞうブログでは2012年1月現在、これをブログの設定で表示する機能がありません。利用するにはブログテンプレートに直接記述する必要があります。本記事ではその方法を紹介したいと思います。はてブボタンは一昨年新しくなりました。新「はてなブックマークボタン」をリリースしました。B!のみ(ブックマーク数は表示されません)の三つ、この内お好みのものを選んでブログに表示させることになります。項目1ではボタン設置サイトのサイトURLとサイト名称の入力を促されますので入力して見ます。項目2では上記した三つのデザインの内一つを選ぶようになっています。此処ではスタンダードボタンを選択してみます。すると項目3に設置サイトに貼り付ける為のコードが表示されています。上の操作で表示されるコードは以下になります。JavaScriptをはてなブックマークのサーバーから読み込むように支持しています。async="async"></script>この部分はこのコードから切り離しが出来ます。切り離したらテンプレートのヘッダ部分に移し変えるのが良いでしょう。記事の分だけ繰り返し読み込まれるという無駄が発生してしまうからです。このコードをそのままはてブボタンを表示したい場所に書き込んでも特に非効率は発生しません。ヘッダ部分に移動させてもまた同じです。テンプレートに書き込むコードになります。此れを自分のブログに合わせて編集します。ないと本ブログにブックマークをしてしまうことになりますから。+1(PlusOne:プラスワン)をブログへ設置する(2011年6月29日記事)のいいね!ボタンと+1ボタンと考え方は同じです。機能が用意されています。これを利用して同じページ中に異なるページのURLを指定出来るのでした。実際には赤字部分は以下の様に変更すれば良いでしょう。用いて以下の様にすれば良いでしょう。data-hatena-bookmark-title="<%EntryTitle%>"但し実際にはこの部分は記述がなくともURLさえ記述がなされていれば問題ないようです。はてブボタンを押すと確りタイトル部分を拾ってくれます。指定したURLからタイトルを拾ってくれているのだと考えられます。はてブボタンの最終的設置コード以上よりはてブボタンの表示コードは以下の様になります。ブログにはてブボタンが表示される筈です。したら少しははてブが増えるかも知れませんね。幾つものソーシャルメディアがこれだけ世の中に普及し、それぞれがそれなりのシェアを有するとブログに設置する連携ボタンも幾種類にもなります。PMTwitterボタンの表示位置をデザイン的に調整してみたブログにソーシャルボタンを表示するのは当たり前になりました。本ブログにもソーシャルボタンを備え付けています。備え付けているソーシャルボタン本ブログに備え付けたるソーシャルボタンは以下。ボタンコメントは受け付けていません。当サイトではGoogleによる広告サービスを利用しています。Googleの個人データの使用に関する情報はこちらから確認できます。