どこからでもメールで様々なソーシャルメディアに同時投稿できる「Posterous」

◆Posterous

Blogger、Flickr、Twitter、Facebookなどのソーシャルメディアに、いちいちログインすることなくメール1つで同時に写真や記事を投稿できるサービス！

メールアドレスの形式は、
「{サービス名}@posterous.com」（例：blogger@posterous.com）。

2つのサービスに同時投稿する場合は、
「{サービス名}+{サービス名}@posterous.com」（例：flickr+twitter@posterous.com）でOK！

• Posterous＋Twitter　twitter@posterous.com
• Posterous＋Flickr　flickr@posterous.com
• Posterous＋Facebook　facebook@posterous.com
• Posterous＋Tumblr　tumblr@posterous.com
• Posterous＋Blogger　blogger@posterous.com
• Posterousのみ　posterous@posterous.com

今まであったようでなかったソーシャルメディアまとめサービスかも♪いろいろいじってみよっと。

　

Bloggerに共有ボタンを設置する

◆AddClips - ブックマーク＆RSSボタン統合サイト

「AddClips」は、閲覧中のページを共有ブックマークサイトやRSSリーダーにボタンクリックで簡単に登録できる追加ボタンを作成できるサービスです。ポップアップ型とマウスオーバー型の2タイプあります。

▼Blogger設置例：生成したタグを<div class='links'>～</div>の要素内の末尾に追加。

<script type="text/javascript">
  AddClipsUrl    = '';
  AddClipsTitle  = '';
  AddClipsId = '28573B15480A0';
  AddClipsBcolor='#78BE44';
  AddClipsNcolor='#D1E9C0';
  AddClipsTcolor='#666666';
  AddClipsType='1';
  AddClipsVerticalAlign='middle'; 
  AddClipsDefault='bookmark'; 
</script>
<script charset="utf-8" src="http://js.addclips.org/v2/addclips.js" type="text/javascript" />

　

◆AddThis - The #1 Bookmarking & Sharing Service

上記と同種のサービスですが、ボタンの表示方法のカスタマイズが豊富で、海外サービスですがはてななど日本のブックマークサービスにも対応しています。Bloggerのサイドバーへ設置してみました。カスタマイズしないのであればクリック操作だけで、簡単に設置可能です。

Bloggerのtitle要素を変更してみた

Bloggerのページタイトル（title要素）のデフォルトは「{サイト名}: {記事タイトル}」。 記事タイトルを先頭にもっていきたい場合は、テンプレを下記のように修正すればOK。

参照：Change Title for Blogger Post Pages

◆変更前：cocoism's daily tweets: 2009年11月22日のつぶやき

<title><data:blog.pageTitle/></title>

◆変更後：2009年11月22日のつぶやき｜cocoism's daily tweets

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/>｜cocoism's daily tweets</title>
<title></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Bloggerに関連記事表示を入れてみた

各エントリーページに、その記事と関連のあるエントリーページを一覧表示してみました。

下記の2つの部分をテンプレに追加するだけで、カテゴリが同じ記事を最新10件までリストアップ表示してくれます。カテゴリに他のエントリーがない場合は、「No related posts found.」と表示されます。

参照：「Blogger Related Posts Service」

・・・
<div class='post-footer-line post-footer-line-3' />
<div id='related_posts'/>
・・・

・・・
<script src='http://www.google.com/jsapi'></script>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'></script>
</body>
</html>

表示する関連記事数の上限を指定したいたい場合はオプション指定すればOK！

・・・
<script src='http://www.google.com/jsapi'></script>
<script type="text/javascript">
window.brps_options = {
 "max_results": 5
}
</script>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'></script>
</body>
</html>

その他のカスタマイズ方法は、「brps - Project Hosting on Google code」に掲載されています。