忍者ブログに、ツイートボタンを付ける

こんにちは。順加です。

あついですね〜

唐突ですが、忍者ブログにTwitter公式のツイートボタンを設置する方法を紹介してみようと思います。

このブログでも使っていますが、各記事の終わりなどに表示して、その記事のタイトルとURLをツイートするためのボタンです。

はじめにおことわりしておきますが、ある程度HTML（Webページを表示するために使う、なにか）を理解して、忍者ブログテンプレートの編集もデキチャウヨ！なかた向けの方法になります。ご了承ください。

ざっくりと方法を説明すると、忍者ブログは、忍者ブログの独自構文に則ったテンプレートによって表示がされていますので、独自構文で表示したい内容を作って、それを使ってツイートボタンをTwitter公式サイトで作ればイイわけです！

そうして作ったソースコードを、忍者ブログテンプレートに貼りつけて完成、という流れです。

まず独自構文を見ていきましょう。

各記事のパーマリンクURLは、例えばこのブログだと「http://official.blog.shinobi.jp/Entry/26/」ですが、これを独自構文で表現すると

<!--$g_url-->Entry/<!--$entry_no-->/

↑こうなります。

記事タイトルは、「タイトル: ブログタイトル」とするならば

<!--$entry_title-->: <!--$g_title-->

↑こうなります。

さぁこれらをTwitter公式のツイートボタン生成ページに丸投げしてお任せ！です。

ツイートボタンは、こちらのページで作成することができます。
Twitter / ツイートボタン

好きなデザインのボタンを選んで、「ツイート内テキスト」「URL」をカスタムして、それぞれ先ほど割り出した独自構文コードを入れてみてください。

…できましたか？

こんな感じになったでしょうか。

<a href="http://twitter.com/share" class="twitter-share-button" data-url="<!--$g_url-->Entry/<!--$entry_no-->/" data-text="<!--$entry_title-->: <!--$g_title-->" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

出来上がったソースコードを、こんどはブログテンプレートに貼るのですが、さてどこに貼ればいいのでしょう。

<!--entry--><!--/entry--> の中で、なおかつ、if_entry、if_not_entry、if_ps_text の外がいいですね。
投稿日時や、カテゴリー、コメント数などを表示している記事フッターの付近がいいんじゃないでしょうか。

というわけで、グッドラック！（丸投げ）