22時07分TweetListPocketはてなブックマークの新しいボタンが公開されて各所で移行が進みつつあるようなので、このブログのはてブボタンも新しいものに変更することに。はてなブックマークボタン上のリンク先からかなり簡単にタグは作れるけど、せっかくなのでコピー&ペーストでそのままテンプレートに設置できるコードを紹介。HTMLの文法が気になる人向けに、FC2ブログ版の文法エラーが出ないコードも最後に乗せておきますよ。FC2ブログ対応版新はてなブックマークボタン使い方は各種FC2ブログのテンプレートにある<!--topentry-->から<!--/topentry-->の間の好きな場所に貼り付けるだけ。3種類あるのでそれぞれの動作デモも下に表示させときます。1.0で文法エラーが発生してしまう。これは要するに定義されていない属性がタグに含まれているからなので、これを削ったり変更したりすればとりあえずエラーは出なくなる。5では問題ないらしいものの、普及どころか使ってるところはまだほとんどないはず。小粋空間ただこの方法は「タイプを選べずスタンダードしか設置できない」という問題があるので、どうしてもバーティカルなどを設置したいエラーを承知で使うしかないかと。ヘッダにJavaScriptコードを貼り付け新はてブボタンのJavaScriptコードは先に1回呼び出せば普通に機能するようなので、テンプレートのheadタグの間に以下のコードを書き込んでおく。(重いのが気になるようだったら最下部の</body>タグの直前に書き込む。設置したい場所にタグを貼り付ける先に書いた方法と同じように、ボタンを表示させたい場所に以下のタグを書き込む。前述のとおりタイプはスタンダードしか選べないので、その辺りは我慢。(見栄えは同じなのでデモは省略。/></a>defer="defer"について「defer="defer"」は「async="async"」と非常によく似た属性で「ページの読み込み終了後にスクリプトを実行する」と指定するためのオプション。1.0でもきちんと仕様として採用されているのでエラーにはならない。4.01の場合は単にタグの中に「defer」書いてしまえばよい。)ただしすべてのブラウザで対応しているわけじゃないようなので、スクリプトの重さが気になるならページの最後の方にスクリプトタグを書いておく方法と併用するのをおすすめしたい。記事への反応この記事へのコメントコメント機能を利用するにはログインする必要があります。「Disqus」または「Twitter」「Google」「Facebook」などのアカウントが使用できます。URLこの記事にトラックバックする(FC2ブログユーザー)スパム対策のため、この記事へのリンクのないトラックバックは受信されません。この記事へのトラックバックFC2ブログではてなブックマークを導入してみた2014年の事始めとして、FC2ブログにはてなブックマークを導入してみました。データを集約して関連情報を取れたりできるらしいです。Disqusブログロール空気を読まない中杜カズサブログ名の設定は、まだ。「メルペイ残高」はどう使うのがスマートでお得か?3つのルートから考える「コード決済」は進化か退化か。自分でQRコードをスキャンして初めて実感できた“存在意義”IIJmio(みおふぉん)を解約したのでSIMカードを返却。