[作業記録] 各種（mixi Facebook など）のボタンを設置してみた

なかば、手作業でmixiやTwitterのボタンを設置したので、いい加減にめんどくさくなったのでテンプレートに設置してみました。

Twitter

主に参考にさせていただいたサイトはコチラです。

<div class='post-body entry-content'>
<data:post.body/>

の下に書き込みました。

Facebook

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Twitter

<a class='twitter-share-button' data-count='horizontal' data-lang='ja' data-related='vacantsnowmanai' data-via='ユーザー名' expr:data-url='data:post.url' href='http://twitter.com/share'> Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

はてなダイヤリー

<a class='hatena-bookmark-button' data-hatena-bookmark-layout='standard' expr:href='&quot;http://b.hatena.ne.jp/entry/&quot; + data:post.url' title='このエントリーをはてなブックマークに追加'>
<img alt='このエントリーをはてなブックマークに追加' height='20' scr='http://b.st-hatena.com/images/entry-button/button-only.gif' style='border: none;' width='20'/></a><script async='async' charset='utf-8' src='http://b.st-hatena.com/js/bookmark_button.js' type='text/javascript'/>

EVERNOTE

<script src='http://static.evernote.com/noteit.js' type='text/javascript'/>
<a href='#' onclick='Evernote.doClip({}); return false;'><img alt='Clip to Evernote' src='http://static.evernote.com/article-clipper-jp.png'/></a>

 

mixi

<a class='mixi-check-button' data-button='button-4' data-key='ユーザーコード' href='http://mixi.jp/share.pl'>Check</a>
<script src='http://static.mixi.jp/js/share.js' type='text/javascript'/>

 

以上でしたが、mixiが手こずりました。途中で、bloggerの「ウェジットのテンプレートの展開」が出来なくなり困りましたが。今日の夜にはできるようになりました。

ついでに、embed.lyのコンテンツにリンクを貼るだけで、そのコンテンサービスの埋め込みコードに変換してくれるサービスというのもにも対応してみました。
コチラのサイトを参考にしました。

上のTwitterの「つぶやき」もリンクさえ貼れば埋め込んでくれました。

Twipicの場合は、こうなります。
http://twitpic.com/41pg74

というわけで、BLOGが重たくなってきたので軽量化にかかりたいと思います。

Tweet Check