Skip to content

Instantly share code, notes, and snippets.

@hachibeeDI
Last active August 29, 2015 14:14
Show Gist options
  • Save hachibeeDI/1b11c4b8c77092a6e0fa to your computer and use it in GitHub Desktop.
Save hachibeeDI/1b11c4b8c77092a6e0fa to your computer and use it in GitHub Desktop.
はてなブックマークの上部にシェアボタンを設置するhtml。bookmark_button.jsはすでに読み込まれているのでいらない。クラス名を`hatena-bookmark-button`にする。
<ul class="sns-share--area">
<li>
<a
href="http://b.hatena.ne.jp/entry/{Permalink}"
class="hatena-bookmark-button sns-share--bookmark sns-share--link"
data-hatena-bookmark-title="{Title}"
data-hatena-bookmark-layout="simple"
title="このエントリーをはてなブックマークに追加">
<i class="blogicon-bookmark lg"></i></a>
</li>
<li>
<a
class="sns-share--twitter sns-share--link"
href="https://twitter.com/intent/tweet?url={URLEncodedPermalink}&text={Title}&via=hatchinee" target="_blank">
<i class="blogicon-twitter lg" ></i></a>
</li>
<li>
<a
class="sns-share--facebook sns-share--link"
href="https://www.facebook.com/sharer/sharer.php?u={URLEncodedPermalink}"
onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;"
target="_blank">
<i class="blogicon-facebook lg" ></i></a>
</li>
<li>
<a
class="sns-share--rss sns-share--link"
href="http://cloud.feedly.com/#subscription%2Ffeed%2F{BlogURL}feed"
target="_blank">
<i class="blogicon-rss lg" ></i>
</a>
</li>
<li>
<a
class="sns-share--pocket sns-share--link"
href="http://getpocket.com/edit?url={URLEncodedPermalink}&title={Title}"
onclick="window.open(this.href, 'pocket_window', 'width=550, height=350, menubar=no, toolbar=no, scrollbars=yes'); return false;"
>
<i class="blogicon-chevron-down"></i></a>
</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment