![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Bv-eRAiObUktP23wjXKhPDjYmq4HHZBecDT8DBvDW_H5vb-MOwIBXvxdLpxQUQc6EUL33RPPK25u9gAauKIAm6zZfRhukSUh8I7cHvPsXVWZouFccMCZmLqbLeaiQyKILd_b2WeY11HD/s400/2191-1293502738.gif)
Bloggerを使っていて読んでくれた方に
はてなブックマークへ追加してもらえたらうれしいなって思います。
そんなものではてなブックマークへ
追加してもらえるボタンを設置してみました。
いろいろ調べたりもしたので
その過程を記録しておきます。
参考にしていただければ幸いです。
Bloggerにはてなブックマークへ追加」のボタンの設置方法
1
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh31VdkDtrKGPR8K1Y6FgLkjiE2gUixd9_SVjhMp161xOKcQ35cWKZjxQA1V5HT6N6Wk97kM0WhGrNjy2nfan6oHRjg7WDsN_1j3NkVlVLOKHvKvepKQH-NibtmNVv4ASXDMO-T2dVmkrm/s400/hatena01.jpg)
管理画面より、テンプレートをクリックし
HTMLを編集で次に進みます。
2
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5dAt9fg95y9S6SuQaaj8bzNQUuZMDMPMhTl6vZIVZruXEZvmsPzTYaGAdQIwYLoXv9QxWHUF5WJqwuYrNJtWP0ROENTdD1QVnzlHV_NMhL8kTZxG6KUn1T0tTHvczXiXNm5KLeaH1DLlx/s400/hatena02.jpg)
続行をクリック
3
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE21AGm36gC8dpg_o_4QUdpYyV7SGkBG0YWyq_msM0cVedhIeT2_cY1epFzaeyBT0yBJZd8hd4CXWBLbSSAN-ChuehpXQw2vFQF0Nq3IWj7h7wn4JrLBhlbJFPPjIMUf6SDHqkgO_PQGq-/s400/hatena03-checkinsert.jpg)
ウィジットのテンプレートを展開にチェックをいれます。
4
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFMlZoTIU1najPOBVkWh1GxVwCfQlp-g2DhzEUKZdhOw_Fjl2nxQPfy6cl_gD7WFsVMOJ90Qka-E-MIHTssws19qhObTbK49NltSeLsxgj9YbJJwqL4af92qqfZwzBRFpOxh-IdqDb80jx/s400/hatena04.jpg)
<div class='post-header-line-1'>というタグを探し
そのタグで囲まれたあたりに以下のタグを追加します。
<span class='hatena-entry hatena-append'> <a expr:href='"http://b.hatena.ne.jp/append?" + data:post.url'> <img align='absmiddle' alt='このエントリーをブックマークに追加' height='12' src='http://b.hatena.ne.jp/images/append.gif' style='border: none;' title='このエントリーをブックマークに追加' width='16'/></a> <a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url'> <img align='absmiddle' alt='このエントリーを含むはてなブックマーク' expr:src='"http://b.hatena.ne.jp/entry/image/" + data:post.url' style='border: none;' title='このエントリーを含むはてなブックマーク'/></a> </span>
5
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnqrseRqcTlQcE6YiaJPwhcjdABtboGlhcby4doLHHyXDEmstfuo6PFXILuhbXOqWs7_R9brD1x-Pp_8uROtA5mGjUlnpSsx-HH6voBwtRso0-ET30GDtKICcWdw7E3hG9F5FUk7kPqNEp/s400/hatena05-finishe.jpg)
完成です。
「へんな会社」のつくり方 (NT2X)