★ブログ記事画面⇒各々のTwitterで伝播!してもらうボタンを設置しよう。 | ★渋谷でうごめく老舗文具店ウェブマスターの企み

★ブログ記事画面⇒各々のTwitterで伝播!してもらうボタンを設置しよう。

小さな会社のTwitter研究家、高木です。


名古屋の人気ブロガー、理央さん に教えてもらったんですよ。
よく新聞社などのニュースサイトで、記事の下などにある、「この記事をつぶやく」っていうボタンの作り方。


★渋谷でうごめく老舗文具店ウェブマスターの企み
毎日新聞だとこんな感じ、


★渋谷でうごめく老舗文具店ウェブマスターの企み

朝日新聞だとこんな感じですね。


これを自分のブログにも貼り付けちゃおう!ということで、先日のTwitterセミナーのときにちょうど質問も出たので、教えてくれたんです。
でもってこれ、ツールじゃなくて、HTMLタグの手動貼り付けです。(笑)


さて、実験です。
この教えてもらったタグを自分なりにアレンジして、、、
こんな感じでどうでしょ!

この記事をtwitterでつぶやく ⇒ この記事をつぶやく



というわけで、これを毎回記事の最後に貼り付けるわけですね。
面倒くさがりのわたくしがちゃんと続けられるかどうか、ちょっと見ものです。


上のつぶやきボタンのタグはこんな感じです。適宜ご自分の情報に変更してご利用くださいね。

<div align="right">
この記事をtwitterでつぶやく ⇒ <a href="http://twitter.com/home?status=RT @omeishi: つぶやきボタンの作り方 http://ameblo.jp/small-branding/entry-10439161922.html" target="_blank" >
<img border="0" align="absmiddle" alt="この記事をつぶやく" src="http://twitter-badges.s3.amazonaws.com/t_small-b.png" />
</a>
</div>

ちなみにこのボタンは、作るのが面倒だったので、Twitter本部のここから ソースを引っ張らせていただいてます。好きなのをクリックすると、「自分のページへリンクするためのソース」が出ますので、そこからボタン画像の部分だけコピーしております。


【1/21追記】
早速オリジナル画像を作ってトライされたのが、デザイナーの「るぅこ」さん 。エクセレントなボタンです!