特集④ 新作デザイン発表☆【記事中用RTボタンの手動設置方法】どんなアメブロスキンでもOK
皆さん、こんにちは♪シマザキです。![ニコニコ](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
お待たせいたしました!
本日は新作ボタン発表と、
「手動で記事中用RTボタンを設置する方法」についての解説です。
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
小さめのボタンは、
アメブロのペタ2・読者登録・なう・アメンバーのボタンの
サイズと合わせてありますので、並べて貼ってもイイ感じに作りました♪
↓ こんな風に![音譜](https://stat.ameba.jp/blog/ucs/img/char/char2/038.gif)
![ペタしてね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_04.gif)
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ffree-sozai.jp%2Ftwitter%2Fameblo-kiji%2Famekiji-buttons%2Fani-kiji-retweet001-grey.gif)
プライムキューの川島さんのフォローミーボタンと組み合わせてみました。
↓ こんな感じで![ラブラブ](https://stat.ameba.jp/blog/ucs/img/char/char2/035.gif)
![フォローミー](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ftwitter.primecue.info%2F%2Ffollowme_14.jpg)
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ffree-sozai.jp%2Ftwitter%2Fameblo-kiji%2Famekiji-buttons%2Fani-kiji-retweet003-yellow.gif)
↓川島さんのフォローミーボタンはこちら
売れる企画の立て方・書き方☆プライムキュー夢語ログ
ツイッターの“フォローミー”ボタン(オリジナル30個)を公開!
この方法は少し、手間はかかりますが、アメブロはもちろん、他のブログや
普通の一般的なサイト、どれにでもどこにでも確実にRTボタンを表示できる
方法なので、知っておいて損はないですよ。![目](https://stat.ameba.jp/blog/ucs/img/char/char2/242.gif)
------------------------------------------
手動設置はこんな方におススメ ![星](https://stat.ameba.jp/blog/ucs/img/char/char2/112.gif)
・本ブログ配布のRTボタンが表示されないアメブロスキンを使用中である
・記事ごとにRTボタンのデザインを変えてバリエーションを楽しみたい
・フリープラグインが満杯かつ、ボタンのコード(JavaScript)の
外部ファイルは難しそう…orz と思っている
さらに、
・いままで記事中ボタンを試してみたが、
IE(インターネット・エクスプローラ)でエラーが出てしまう…●█▀█▄
という現象も、本ブログ付属の「エンコードボックス」が
解決してくれます!
これです↓ いつも左サイドバーに置いてあるので
ご自由に利用してくださいね♪
クリックすると新しいウインドウが開きます。
![記事中用エンコードBOX](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ffree-sozai.jp%2Ftwitter%2Fameblo-kiji%2Fencode-box-button.png)
--------------------------------------------
以前、本ブログのこの記事で、記事中用ボタンのつけ方を
解説しました。ここに記載されてある記事中用ボタンのコードは、
コード自体はこれで正しいのですが、
このまま記事に貼ってしまうと、ブラウザによって不具合が出て、
IE(インターネット・エクスプローラ)では時々
うまく機能しない場合があることが分かりました。
IEの場合、日本語の部分がツイッターにうまく転送されず、
エラーになる場合があるようです。
(IEのバージョンによっても異なります)
しかし、このエラーは記事中用RTボタンのコードの中の
日本語表記の部分を「エンコード(データの符号化)」することに
よって解決できます。
↓いつも本ブログの左サイドサイドバーに置いておきます☆
![$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-エンコードボックスの場所](https://stat.ameba.jp/user_images/20101014/04/infostock/14/16/g/t02200227_0513052910800137161.gif?caw=800)
また、本日の発表しました新作ボタンのページからも
エンコードボックスをリンクしてあります。
皆さま、ご自由にお使い下さい(ΦωΦ)ノ![星](https://stat.ameba.jp/blog/ucs/img/char/char2/112.gif)
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
以下の方法で、RTから後の部分を以下の方法でエンコードしてから、
記事に貼るようにすると、IEでも問題なく機能するようになります。
------------------------------------------------------------
記事中RTボタンの設定方法
記事URLを取得する
記事をいったん「下書き保存」します。
⇒ 記事の編集から、対象の記事を右クリック
⇒ 「リンクのURLをコピー」をクリックすると、
クリップボードにURLがコピーされた状態になります。
![$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-記事にRTボタン001](https://stat.ameba.jp/user_images/20100719/04/infostock/f8/05/g/o0406014510646734732.gif?caw=800)
このページから、あなたが使いたいボタンの
コードを選んで、以下の箇所をコピペで書き換えます。
【例 1】
<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT @あなたのツイッターID 記事のタイトル 記事のURL"><img src="http://free-sozai.jp/twitter/ameblo-kiji/amekiji-buttons/ani-kiji-retweet001-grey.gif" /></a>
@あなたのツイッターアカウント ⇒ @Yo_Shimazaki
あなたの記事タイトル ⇒【割と正確なツイッターの性格診断サイト】
あなたの記事のURL ⇒ http://ameblo.jp/infostock/entry-10588100237.html
↓ ↓
【例 2】
こんな感じで書き換えができました。
<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT @Yo_Shimazaki 【割と正確なツイッターの性格診断サイト】 http://ameblo.jp/infostock/entry-10588100237.html"><img src="http://free-sozai.jp/twitter/ameblo-kiji/amekiji-
buttons/ani-kiji-retweet001-grey.gif" /></a>
チェックポイント
@アカウントと記事タイトルと記事URLの間はくっつけず、
必ず半角スペースで区切りましょう
RT以下をボックス内にコピーして「変換」ボタンを
クリックし、エンコードします。
RT @Yo_Shimazaki 【割と正確なツイッターの性格診断サイト】 http://ameblo.jp/infostock/entry-10588100237.html
↓ ↓ ↓
エンコードして、
RT+%40Yo_Shimazaki+%e3%80%90%e5%89%b2%e3%81%a8%e6%ad%a3%e7%a2%ba%e3%81%aa%e3%83%84%e3%82%a4%e3%83%83%e3%82%bf%e3%83%bc%e3%81%ae%e6%80%a7%e6%a0%bc%e8%a8%ba%e6%96%ad%e3%82%b5%e3%82%a4%e3%83%88%e3%80%91http%3a%2f%2fameblo.jp%2finfostock%2fentry-10588100237.html
↓ ↓ ↓
これを、こんな感じに組み入れれば出来上がりです。
<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT+%40Yo_Shimazaki+%e3%80%90%e5%89%b2%e3%81%a8%e6%ad%a3%e7%a2%ba%e3%81%aa%e3%83%84%e3%82%a4%e3%83%83%e3%82%bf%e3%83%bc%e3%81%ae%e6%80%a7%e6%a0%bc%e8%a8%ba%e6%96%ad%e3%82%b5%e3%82%a4%e3%83%88%e3%80%91http%3a%2f%2fameblo.jp%2finfostock%2fentry-10588100237.html"><img src="http://free-sozai.jp/twitter/ameblo-kiji/twitter-bottons/kiji-retweet001-yellow.png" /></a>
--------------------------------------------------------------
最後に必ず自分でボタンをクリックして、きちんと表示されるかどうか
確認をして下さいね。
【著作権について】
画像の二次配布とか販売はしないで下さいね。
それを守っていただければ、アメブロはもちろん、
アメブロ以外のブログでも、バンバン使ってくださいヽ(´ー`)ノ
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
さらに、このあと、次回以降の特集⑤に続きます。お楽しみに!
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
![ニコニコ](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
お待たせいたしました!
本日は新作ボタン発表と、
「手動で記事中用RTボタンを設置する方法」についての解説です。
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
小さめのボタンは、
アメブロのペタ2・読者登録・なう・アメンバーのボタンの
サイズと合わせてありますので、並べて貼ってもイイ感じに作りました♪
↓ こんな風に
![音譜](https://stat.ameba.jp/blog/ucs/img/char/char2/038.gif)
![ペタしてね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_04.gif)
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ffree-sozai.jp%2Ftwitter%2Fameblo-kiji%2Famekiji-buttons%2Fani-kiji-retweet001-grey.gif)
プライムキューの川島さんのフォローミーボタンと組み合わせてみました。
↓ こんな感じで
![ラブラブ](https://stat.ameba.jp/blog/ucs/img/char/char2/035.gif)
![フォローミー](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ftwitter.primecue.info%2F%2Ffollowme_14.jpg)
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ffree-sozai.jp%2Ftwitter%2Fameblo-kiji%2Famekiji-buttons%2Fani-kiji-retweet003-yellow.gif)
↓川島さんのフォローミーボタンはこちら
売れる企画の立て方・書き方☆プライムキュー夢語ログ
ツイッターの“フォローミー”ボタン(オリジナル30個)を公開!
この方法は少し、手間はかかりますが、アメブロはもちろん、他のブログや
普通の一般的なサイト、どれにでもどこにでも確実にRTボタンを表示できる
方法なので、知っておいて損はないですよ。
![目](https://stat.ameba.jp/blog/ucs/img/char/char2/242.gif)
------------------------------------------
![星](https://stat.ameba.jp/blog/ucs/img/char/char2/112.gif)
![星](https://stat.ameba.jp/blog/ucs/img/char/char2/112.gif)
・本ブログ配布のRTボタンが表示されないアメブロスキンを使用中である
・記事ごとにRTボタンのデザインを変えてバリエーションを楽しみたい
・フリープラグインが満杯かつ、ボタンのコード(JavaScript)の
外部ファイルは難しそう…orz と思っている
さらに、
・いままで記事中ボタンを試してみたが、
IE(インターネット・エクスプローラ)でエラーが出てしまう…●█▀█▄
という現象も、本ブログ付属の「エンコードボックス」が
解決してくれます!
これです↓ いつも左サイドバーに置いてあるので
ご自由に利用してくださいね♪
クリックすると新しいウインドウが開きます。
![記事中用エンコードBOX](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Ffree-sozai.jp%2Ftwitter%2Fameblo-kiji%2Fencode-box-button.png)
--------------------------------------------
以前、本ブログのこの記事で、記事中用ボタンのつけ方を
解説しました。ここに記載されてある記事中用ボタンのコードは、
コード自体はこれで正しいのですが、
このまま記事に貼ってしまうと、ブラウザによって不具合が出て、
IE(インターネット・エクスプローラ)では時々
うまく機能しない場合があることが分かりました。
IEの場合、日本語の部分がツイッターにうまく転送されず、
エラーになる場合があるようです。
(IEのバージョンによっても異なります)
しかし、このエラーは記事中用RTボタンのコードの中の
日本語表記の部分を「エンコード(データの符号化)」することに
よって解決できます。
↓いつも本ブログの左サイドサイドバーに置いておきます☆
![$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-エンコードボックスの場所](https://stat.ameba.jp/user_images/20101014/04/infostock/14/16/g/t02200227_0513052910800137161.gif?caw=800)
また、本日の発表しました新作ボタンのページからも
エンコードボックスをリンクしてあります。
皆さま、ご自由にお使い下さい(ΦωΦ)ノ
![星](https://stat.ameba.jp/blog/ucs/img/char/char2/112.gif)
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
以下の方法で、RTから後の部分を以下の方法でエンコードしてから、
記事に貼るようにすると、IEでも問題なく機能するようになります。
------------------------------------------------------------
![メモ](https://stat.ameba.jp/blog/ucs/img/char/char2/131.gif)
![1](https://stat.ameba.jp/blog/ucs/img/char/char2/269.gif)
記事をいったん「下書き保存」します。
⇒ 記事の編集から、対象の記事を右クリック
⇒ 「リンクのURLをコピー」をクリックすると、
クリップボードにURLがコピーされた状態になります。
![$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-記事にRTボタン001](https://stat.ameba.jp/user_images/20100719/04/infostock/f8/05/g/o0406014510646734732.gif?caw=800)
![2](https://stat.ameba.jp/blog/ucs/img/char/char2/270.gif)
コードを選んで、以下の箇所をコピペで書き換えます。
【例 1】
<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT @あなたのツイッターID 記事のタイトル 記事のURL"><img src="http://free-sozai.jp/twitter/ameblo-kiji/amekiji-buttons/ani-kiji-retweet001-grey.gif" /></a>
@あなたのツイッターアカウント ⇒ @Yo_Shimazaki
あなたの記事タイトル ⇒【割と正確なツイッターの性格診断サイト】
あなたの記事のURL ⇒ http://ameblo.jp/infostock/entry-10588100237.html
↓ ↓
【例 2】
こんな感じで書き換えができました。
<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT @Yo_Shimazaki 【割と正確なツイッターの性格診断サイト】 http://ameblo.jp/infostock/entry-10588100237.html"><img src="http://free-sozai.jp/twitter/ameblo-kiji/amekiji-
buttons/ani-kiji-retweet001-grey.gif" /></a>
![ベル](https://stat.ameba.jp/blog/ucs/img/char/char2/182.gif)
@アカウントと記事タイトルと記事URLの間はくっつけず、
必ず半角スペースで区切りましょう
![3](https://stat.ameba.jp/blog/ucs/img/char/char2/271.gif)
クリックし、エンコードします。
RT @Yo_Shimazaki 【割と正確なツイッターの性格診断サイト】 http://ameblo.jp/infostock/entry-10588100237.html
↓ ↓ ↓
エンコードして、
RT+%40Yo_Shimazaki+%e3%80%90%e5%89%b2%e3%81%a8%e6%ad%a3%e7%a2%ba%e3%81%aa%e3%83%84%e3%82%a4%e3%83%83%e3%82%bf%e3%83%bc%e3%81%ae%e6%80%a7%e6%a0%bc%e8%a8%ba%e6%96%ad%e3%82%b5%e3%82%a4%e3%83%88%e3%80%91http%3a%2f%2fameblo.jp%2finfostock%2fentry-10588100237.html
↓ ↓ ↓
これを、こんな感じに組み入れれば出来上がりです。
<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT+%40Yo_Shimazaki+%e3%80%90%e5%89%b2%e3%81%a8%e6%ad%a3%e7%a2%ba%e3%81%aa%e3%83%84%e3%82%a4%e3%83%83%e3%82%bf%e3%83%bc%e3%81%ae%e6%80%a7%e6%a0%bc%e8%a8%ba%e6%96%ad%e3%82%b5%e3%82%a4%e3%83%88%e3%80%91http%3a%2f%2fameblo.jp%2finfostock%2fentry-10588100237.html"><img src="http://free-sozai.jp/twitter/ameblo-kiji/twitter-bottons/kiji-retweet001-yellow.png" /></a>
--------------------------------------------------------------
最後に必ず自分でボタンをクリックして、きちんと表示されるかどうか
確認をして下さいね。
【著作権について】
画像の二次配布とか販売はしないで下さいね。
それを守っていただければ、アメブロはもちろん、
アメブロ以外のブログでも、バンバン使ってくださいヽ(´ー`)ノ
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
さらに、このあと、次回以降の特集⑤に続きます。お楽しみに!
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
↑ここをクリック!↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m