みんなの「ありがとう」をたくさん集めて世界をちょっとだけ幸せにするサービス、THANKS 。そんなTHANKSが提供するありがとうボタンを設置してみます。 基本的にはhtmlに、 <script type="text/javascript" src="http://thanks.kayac.com/api.php/button/builder.js"></script> と書くだけで設置できます。色々設定したい人は こちらのページ にオプションが載…

基本的には、こちらのページ のページのアドレスにhttpsからはじまるURLを入力すればOKです。httpからはじまるページでつくったはてなブックマークボタンは、 画像を http://b.st-hatena.com/images/entry-button/button-only@2x.png から、 JavaScriptを ht…

こちら を参考に簡単に設定できます。

ツイートボタンには、こんな感じに投稿数を全面に押し出したタイプのボタンが用意されています。 今回はこちらのボタンをつかって投票フォームをつくってみましょう。ツイート !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d…

こちら からディベロッパー登録を行い、mixi Pluginタブから作成できます。(function(d) {var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true;s.src = '//static.mixi.jp/js/plugins.js#lang=ja';d.getElementsByTagName('head…

こちらのページ から簡単に作成できます。世の中にはいろんなSNSボタンがありますね。

こちら から簡単に作成できます。 !function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js…

こちらのページ で貼付けコードを簡単に作成することができます。 <span> <script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140127" ></script> <script type="text/javascript"> new media_line_me.LineButton({"pc":false,"lang":"ja","type":"a"}); </script> </span> デフォルトでは、 new media_line_me.LineButton({"pc":false,"…

公式ボタン こちらのサイト で簡単につくれます。@ki_230さんをフォロー オリジナルボタン <a href="https://twitter.com/intent/user?screen_name=フォローしたいアカウント">ボタン画像とかテキストとか</a> という感じで作成できます。 テキストでつくってみると、@ki_230をフォローするこんな感じです。

google+のインタラクティブな投稿機能を試してみました。

google+ の +1ボタンを設置してみました。こちらの 公式サイトから簡単に設置することができます。

[追記] jsdo.it終了に伴いDEMOを移動しました。blog.kimizuka.org---先日、Facebookのいいねボタンをサイトに設置する際、パラメータとして言語を設定できることに気づきました。例えば、いいねボタンをフランス語で表示したいなら、 locale=fr_FRという値を…