twitterに投稿するリンクの設置方法です。
JavaScript を使う場合と、movabletype を使いリンク生成する場合を載せております。
今回は、汎用性の高い JavaScript を採用してみました。
この記事下の「twitterに投稿」がそれです。
ボタン素材(Photoshopデータもあります)は、ご自由にお使いください。
1.JavaScript で処理
上記ののサイトを参照させていただきました。
紹介されているコードを元に成型しました(成型といっても、一部消しただけですが)。
<a href="javascript:var%20d=document,w=window,l=location,e=encodeURIComponent,t=(d.selection)?d.selection.createRange().text:(w.getSelection)?w.getSelection():(d.getSelection)?d.getSelection():'',f='http://twitter.com/home/?status='+e(t)+e(d.title)+e(l.href);if(!w.open(f,'surfing'))l.href=f;void(0);">twitterに投稿</a>
結果:
上記タグで生成されたリンクをクリックすると、twitterに移動します。
ログインすると、入力欄に「記事タイトル URL」が自動で入った状態になっています。

2.movabletype で処理
上記のサイトを参照させていただきました。紹介されているコードそのまんまです。
<a href="http://twitter.com/home?status=<$mt:EntryPermalink$>" target="_blank">
<img src="/common/images/bt_retweet.png" alt="twitterに投稿する" width="73" height="16" />
</a>
(おまけ)素材データ
画像をクリックすると photoshop の元データがダウンロードできます。
png画像は、右クリック or ブラウザ外にドラッグして保存してください。





コメントとトラックバック