2016年8月31日水曜日

記事タイトル横に "はてなブックマークボタン" を追加 このエントリーをはてなブックマークに追加

テンプレートで
<b:includable id="post" var="post">セクションを展開

<a expr:href='data:post.url'><data:post.title/>下にコードを追加

<a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.canonicalUrl' class="hatena-bookmark-button" data-hatena-bookmark-title="data:post.title" data-hatena-bookmark-layout="simple-balloon" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>

スクリプト:
<script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>


</body>直前に記述

コードはここからもらってきたものを変更
ページのアドレスは data:post.canonicalUrl
ページのタイトルは data:post.title を使用する

一部参考:

0 コメント:

コメントを投稿