各ページにfacebookのいいねボタンを設置
- <!DOCTYPE html>
- <html lang="ja">
- <head>
- <meta charset="UTF-8">
- <title>各ページにfacebookのいいねボタンを設置</title>
- <script type="text/javascript" src="js017_makeiine.js"></script>
- <body>
- <h1>各ページにfacebookのいいねボタンを設置</h1>
- <script type="text/javascript">
- iine();
- </script>
- <hr>
- 以下を別ファイルにして読込めばok。
- 内容は「http://developers.facebook.com/docs/reference/plugins/like/」からリンクを作ったものをベースに「data-href」だけ読込みファイルのURLに差替え。
- <pre>
- function iine()
- {
- (function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s);
- js.id = id;
- js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));
- url = document.documentURI;
- iineTag = '<div class="fb-like" data-href="' + url + '" data-send="false" data-layout="button_count" data-width="110" data-show-faces="false"></div>';
- document.write(iineTag);
- return false;
- }
- </pre>
- <div style="font-size:10pt;text-align:right;margin-top:0.5em;">
- <a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
- <a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ(wiki)</a>
- </div>
- <div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
- Copyright © 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.
- </div>
- </body>
- </html>