« プランナをだまして実行計画を誘導する | トップページ | Fizz Buzz問題で見るべきポイント »

2014.02.15

いまさら「f」とか「ヒ」のアイコンと格闘してみる

アカウントだけはとってあるfacebook(ログインしてないし友人も0人w)
アカウントすらとってないtwitter、とここ数年のトレンドを無視してきたのであるが、単純にこうしたモノに手を出す余裕がなかっただけ。
もうすでに旬を過ぎたこいつらを当ブログにも接続できるようにちょいと遊んでみることにした。
まあすでに手垢がつきすぎている内容なので、新味はないことだろうが、一応やったことを下記記録しておこうと思う。
あ、それと「イイネ」できるようになったのですが、あの「イイネ」はつくづく誤訳というか罪作り、と思うんだよねえ・・・・・

●ハードコードによるリンク生成
-Facebook

<iframe src="//www.facebook.com/plugins/like.php?href=
http://kashi.way-nifty.com/jalan/2014/02/post-d250.html
&send=false&layout=button_count&width=110&show_faces=true&font&colorscheme=light&action=recommend&height=21" style="border:none; overflow:hidden; width:110px; height:21px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

埋め込みソースは上記の通り。
太字部分を記事そのもののURIにすることで、そのページに対する「イイネ!」投票ボタンと相成る。

-はてなブックマーク
このエントリーをはてなブックマークに追加

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

つづく「はてブ」ことはてなブックマークも同等の作り。URIを指定してあげれはばOK。

●JavaScriptを使った、動的なリンク作成
-twitter

|

« プランナをだまして実行計画を誘導する | トップページ | Fizz Buzz問題で見るべきポイント »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/2022/59063217

この記事へのトラックバック一覧です: いまさら「f」とか「ヒ」のアイコンと格闘してみる:

« プランナをだまして実行計画を誘導する | トップページ | Fizz Buzz問題で見るべきポイント »