はてなブログのフォローボタン。コピペ用HTML。

follow-button.html

<link rel="stylesheet" href="https://rawgit.com/aloerina01/follow-buttons/master/icomoon/style.css">
<div class="follow-buttons">
	<div class="follow-button follow-button-blog">
		<div class="follow-button-inner follow-button-inner-blog" onClick="blog();">
			<i class="icon blogicon-hatenablog"></i>
			<span class="tooltip tooltip-feedly">読者になる</span>
		</div>
	</div>
	<div class="follow-button follow-button-twitter">
		<div class="follow-button-inner follow-button-inner-twitter" onClick="twitter();">
			<i class="icon fa fa-twitter"></i>
			<span class="tooltip tooltip-twitter">Twitterをフォロー</span>
		</div>
	</div>
	<div class="follow-button follow-button-feedly">
		<div class="follow-button-inner follow-button-inner-feedly" onClick="feedly();">
			<i class="icon icon-al-feedly"></i>
			<span class="tooltip tooltip-feedly">Feedlyで購読</span>
		</div>
	</div>
	<div class="follow-button follow-button-github">
		<div class="follow-button-inner follow-button-inner-github" onClick="github();">
			<i class="icon fa fa-github"></i>
			<span class="tooltip tooltip-github">GitHubをフォロー</span>
		</div>
	</div>
</div>
<script>
	function blog() {
		window.open('http://blog.hatena.ne.jp/はてなID/ブログURL(http://以降)/subscribe');
	};
	function twitter() {
		window.open('https://twitter.com/intent/follow?screen_name=アカウント');
	};
	function feedly() {
		window.open('http://feedly.com/i/welcome/feed/ブログフィードのURL');
	};
	function github() {
		window.open('https://github.com/アカウント名');
	};
</script>