キャンペーン、サンネットブログ｜「記事についてTwitterでつぶやく」を追加するには？

ホーム > 私はワチャカー！ > WEBリテラシー > 「記事についてTwitterでつぶやく」を追加するには？

WEBリテラシー

「記事についてTwitterでつぶやく」を追加するには？

記事をTwitterでコメント！

こんばんわ
WEBリテラシー担当の安村孝です。

今回の記事、話題はーーーー

「記事についてTwitterでつぶやく（コメント）する」！！
です。

最近、よく、
ブログ記事の上部や下部に「Twitter」の

↑↑↑

↑↑↑

※新聞のWEBニュースなどでも

「琉球新報」

「沖縄タイムス」

初めて見ると、なんのことやらわからないですよね！？
（私も、分からずクリックしてました。）

Twitterのアカウントログインをお持ちのユーザーなら、
クリックして、ログインして、記事に対して"つぶやく"と、
一連の動作に移ります。

最近は、Twitterでよくつぶやいてたので、
この機能を自分の書いているブログにも付けたい！！

ということで、
"この記事にも設置しました！！"

この記事についてTwitterでコメント

↑↑↑ページ内の右下に設置♪

設置する方法は至って簡単で、
（画像は普段写真などをアップする方法と同じ。
画像はなくて「この記事をTwitterでコメントする」という
テキストだけでも大丈夫です。）

※イメージとしては、

他のホームぺージなどへリンクする方法
一般的なのは、ブログ記事を書く際のリンクボタン
（鎖のマーク！？）など！！

そこへ
URLをコピーして貼り付ける作業。。。。

その貼り付ける内容をURLではなく、
※Twitterへのリンクを少々変更して貼り付けます。

例として、この記事

URL：　http://www.012sun.net/lineup/technorati/webliteracy/twitter_2.html

にて説明します。
※※※
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

この記事についてTwitterでコメント

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

↑↑↑この中身は↓↓↓

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<div style="text-align:left;">
<p>
<a href="http://twitter.com/home?status=@yasson0915へ%20http://www.012sun.net/lineup/technorati/webliteracy/twitter_2.html%20" title="この記事にTwitterでコメント" rel="nofollow">
<img src="【画像のURL】" alt="" style="vertical-align: middle;" />
この記事についてTwitterでコメント
</a>
</p>
</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

となります。※赤い字の

１．「　@yasson0915　」
↑↑この部分の「@」後は、TwitterのユーザーID名
（「@○○○」でそのユーザーへ返信という意味）

続いて、

２．「http://www.012sun.net/lineup/technorati/webliteracy/twitter_2.html」
↑↑この部分は、コメントをもらう記事URLです。

１．２．　を編集してブログ記事に張り付ければ設置完了です。
（※青い字の画像のURLも編集）

※今回、この機能追加にあたり、
※参考記事：「http://www.msng.info/archives/2009/04/comment_on_this_entry_on_twitter.php」

この記事についてTwitterでコメント

【番外】ブログオリジナルタグと組み合わせることも！！

てぃーだブログの場合（テンプレート編集）: ※設置方法などを検索していましたら、
ブログテンプレートでの設置も説明してありましたので、
別で更新してるてぃーだブログでも設置してみました。
（試験的な導入には、活躍なプライベートブログです）

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<div class="twitter_top">
<a href="http://twitter.com/home?status=@yasson0915さんへ%20http://yasson.ti-da.net<%EntryPermalink%>%20" title="この記事にTwitterでコメント" rel="nofollow">
<img src="http://img02.ti-da.net/usr/yasson/twitter.gif" alt="" style="vertical-align: middle;" />
この記事についてTwitterでコメント
</a>
</div>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

となります。※赤い字が
てぃーだブログ用の専用タグ
「　<%EntryPermalink%>　」
です。
そして、Movable Typeでも・・・: ※そして、このブログを構成してる「Movable Type」での設置も可能です。
実は、このブログコメント機能を設置してなかったので、記事に対してコメントできる手段はないかと考えていたもので・・・・

↓↓（導入することになれば、こんな感じなりますかね）
それでは、また次回: この記事についてTwitterでコメント

※さらに、今度はURLを省略する方法も検討してみます。
「参考：記事URLをbit.lyで短縮する」