みなさん、こんにちはニコニコ

お盆休みも終わり、夏終盤戦!?ですが
みなさんいかがお過ごしでしょうかべーっだ!

そろそろ夏の疲れが出てくる時期だと思いますので
体調管理には充分気おつけてお過ごしくださいませチョキ

さて今日は先日ツイッター(公式)にてリリースされた

 ←これが「ツイートボタンっていいますかお

をアメーバブログに設置できるかどうかを試してみましたひらめき電球
( 既に上でボタンが表示されていますが・・w )

このツイートボタンが何かといいますと・・・
ネットをしている際に見つけた面白いブログ記事や興味深いニュースのページなどを
ツイッター上で簡単に共有することができるうれしいサービスですキラキラ
詳細はこちらをCHECKべーっだ!

このツイートボタンをブログに設置しておくことで
記事に対して興味をもってくれた読者が
ブログ記事をツイッター上で口コミ(共有)をしてくれるかもしれません・・!?
もちろん興味を持って頂ければの話なのですが・・爆弾

何はともあれ早速設置を試してみましょう!!


Lets's チャレンジ!!走る人

♪.:*:'゜☆.:*:'゜♪.:*:'゜☆.:*:・'゜♪.:*:・'゜☆.:*:・'゜♪.:*:・' ♪.:*:'゜☆.:*:'゜♪.:*:・' ♪.:*:・' ♪.:*:'゜☆.:*:'゜♪.:*:'゜☆.:*:'゜


ツイートボタンのページへ移動し、つぶやき内に表示したいアカウント名を入力
 そして、ページ下部に記載されているコードをコピーします目



「アカウント名を入力して」
おぷさブログ-ツイッターボタン7


「コードをコピーします」
おぷさブログ-ツイッターボタン9




コピーしたコードを記事内に貼りつけて
 ツイートボタンが表示されるかどうかプレビューボタンで確認目
 ・・・「不正な文字列が入力されていますのでプレビューできません叫び
 とエラーメッセージが表示されてしまいます・・・ガーン


 ※アメブロの記事内にはJavascriptと呼ばれるコード(<script type~</script>の部分)
  を記事に直接記入することが許可されていません。



「コードを記事にコピー」
おぷさブログ-ツイッターボタン9
「プレビュー押すと、エラーがでていますね・・・」



※③を行う前に、下書き保存をしておきましょう。
そこで、Javascriptのコード部分(<script type~</script>の部分)のみ切り取りを行い
 <サイドバーの設定>からフリープラグイン箇所の<編集>リンクをクリック
 切り取ったJavascriptのコード部分のみを貼りつけ、保存ボタンを押しますビックリマーク


 
おぷさブログ-ツイッターボタン_3



再度、先程下書き保存を行った記事の編集に戻りプレビューボタンをおしてみます!!
 ボタンは表示されていないですが「Tweet」というリンクが表示されていますねかお
 (ここは気にせず先に進みましょう)



「Javascriptを取り除いたツイートボタンのコードを記事内に記載」
おぷさブログ-ツイッターボタン


「Tweetというリンクが表示」
おぷさブログ-ツイッターボタン



では早速公開を押してみましょう!!結果はいかに・・・・・





ツイートボタンが表示されていますね!!

設置したこのボタンを色々と試してみたところ
記事の詳細ページ(http://ameblo.jp/opsalog/entry-10628596415.htmlのURLのとき)にて
ツイートボタンを押さないと正しく記事のタイトルとURLが
つぶやきのテキストボックスに入力されません・・ショック!

今回は基本的なツイートボタンの設置方法を試してみましたが
この他にも色々とやり方がありそうですね目
(Javascriptをプラグインにて貼り付けたら自動でボタンが設置されるとか・・ぐぅぐぅ

みなさんも是非ツイートボタンの設置にチャレンジしてみてくださいグッド!