2010年5月13日木曜日

ブログの内容をtwitterでつぶやきたい場合

ブログの内容をtwitterでつぶやきたい場合は、HTMLを編集してあげる必要があります。

HTMLでブログを書く画面に入り、該当箇所に下記コードを貼りつけます。

<a href="http://twitter.com/home?status=XXX"><img src="http://www.marshmallowstudio.jp/apps/twitter/buttons/twitter001.gif" alt="follow me" title="follow me" width="31" height="30" target="_blank" /></a></div>


上記XXXのところにtweetしたい文章を入力します。
ただし、文字列をエンコードする必要があります。

仮に、下記文章を入れたい場合は、http://www.tagindex.com/tool/url.htmlにて文章を入力後、

「RT @kzhirata ブログの内容をtwitterでつぶやきたい場合 http://ow.ly/1KApO 」

「文字コード」を「UTF-8」に設定後、「エンコードする」ボタンを押下します。

「RT%20%40kzhirata%20%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e5%86%85%e5]
%ae%b9%e3%82%92twitter%e3%81%a7%e3%81%a4%e3%81%b6%e3%82%84%e3%81%8d%e3%81%9f%e3%81%84%e5%a0%b4%e5%90%88%20http%3a%2f%2fow%2ely%2f1KApO%2」

この文字列をXXXの代わりに入れて、下記タグをブログのHTML編集画面で配置したい場所に入力します。

<a href="http://twitter.com/home?status=RT%20%40kzhirata%20%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e5%86%85%e5%ae%b9%e3%82%92twitter%e3%81%a7%e3%81%a4%e3%81%b6%e3%82%84%e3%81%8d%e3%81%9f%e3%81%84%e5%a0%b4%e5%90%88%20http%3a%2f%2fow%2ely%2f1KApO%20"><img src="http://www.marshmallowstudio.jp/apps/twitter/buttons/twitter001.gif" alt="follow me" title="follow me" width="31" height="30" target="_blank" /></a></div>


以下のボタンがサンプルです。

follow me

0 件のコメント:

コメントを投稿