はてなブックマークボタンのlivedoor blogへの導入Tips

この記事は約2分で読めます。
記事内に広告が含まれています。

はてなブックマークボタンが新しくなりました。3つの種類から選べてブックマーク数がわかりやすくなりました。というわけで早速このBLOGでも導入してみました。

はてなブックマークの説明では単一のURLしか出来ないように見えますが、当然変数を代入してしまえばBLOGの個別記事への対応は簡単です。今回私が使用したのは以下のようなタグです。

<a href="<$ArticlePermalink URIESCAPE$>" class="hatena-bookmark-button" data-hatena-bookmark-title="<$ArticleTitle$> : <$BlogTitle$>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

ArticlePermalinkで個別記事のURLを変数として投入しているだけの簡単なカスタマイズです。タイトル欄があったので一応ArticleTitleとBlogTitleで記事のタイトルとBLOG名をそれぞれ投入していますが、HTMLのタイトルタグのほうが優先的に反映されるようです。

簡単にわかることではありますが、参考情報として記事を上げておきますので、悩んだ方はご参照いただき、願わくば下のボタンからブックマークしておいていただけると嬉しい限りです(笑)

タイトルとURLをコピーしました