特集④ 新作デザイン発表☆【記事中用RTボタンの手動設置方法】どんなアメブロスキンでもOK
皆さん、こんにちは♪シマザキです。
お待たせいたしました!
本日は新作ボタン発表と、
「手動で記事中用RTボタンを設置する方法」についての解説です。
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
小さめのボタンは、
アメブロのペタ2・読者登録・なう・アメンバーのボタンの
サイズと合わせてありますので、並べて貼ってもイイ感じに作りました♪
↓ こんな風に
プライムキューの川島さんのフォローミーボタンと組み合わせてみました。
↓ こんな感じで
↓川島さんのフォローミーボタンはこちら
売れる企画の立て方・書き方☆プライムキュー夢語ログ
ツイッターの“フォローミー”ボタン(オリジナル30個)を公開!
この方法は少し、手間はかかりますが、アメブロはもちろん、他のブログや
普通の一般的なサイト、どれにでもどこにでも確実にRTボタンを表示できる
方法なので、知っておいて損はないですよ。
------------------------------------------
手動設置はこんな方におススメ
・本ブログ配布のRTボタンが表示されないアメブロスキンを使用中である
・記事ごとにRTボタンのデザインを変えてバリエーションを楽しみたい
・フリープラグインが満杯かつ、ボタンのコード(JavaScript)の
外部ファイルは難しそう…orz と思っている
さらに、
・いままで記事中ボタンを試してみたが、
IE(インターネット・エクスプローラ)でエラーが出てしまう…●█▀█▄
という現象も、本ブログ付属の「エンコードボックス」が
解決してくれます!
これです↓ いつも左サイドバーに置いてあるので
ご自由に利用してくださいね♪
クリックすると新しいウインドウが開きます。
--------------------------------------------
以前、本ブログのこの記事で、記事中用ボタンのつけ方を
解説しました。ここに記載されてある記事中用ボタンのコードは、
コード自体はこれで正しいのですが、
このまま記事に貼ってしまうと、ブラウザによって不具合が出て、
IE(インターネット・エクスプローラ)では時々
うまく機能しない場合があることが分かりました。
IEの場合、日本語の部分がツイッターにうまく転送されず、
エラーになる場合があるようです。
(IEのバージョンによっても異なります)
しかし、このエラーは記事中用RTボタンのコードの中の
日本語表記の部分を「エンコード(データの符号化)」することに
よって解決できます。
↓いつも本ブログの左サイドサイドバーに置いておきます☆
また、本日の発表しました新作ボタンのページからも
エンコードボックスをリンクしてあります。
皆さま、ご自由にお使い下さい(ΦωΦ)ノ
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
以下の方法で、RTから後の部分を以下の方法でエンコードしてから、
記事に貼るようにすると、IEでも問題なく機能するようになります。
------------------------------------------------------------
記事中RTボタンの設定方法
記事URLを取得する
記事をいったん「下書き保存」します。
⇒ 記事の編集から、対象の記事を右クリック
⇒ 「リンクのURLをコピー」をクリックすると、
クリップボードにURLがコピーされた状態になります。
このページから、あなたが使いたいボタンの
コードを選んで、以下の箇所をコピペで書き換えます。
【例 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
さらに、このあと、次回以降の特集⑤に続きます。お楽しみに!
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
お待たせいたしました!
本日は新作ボタン発表と、
「手動で記事中用RTボタンを設置する方法」についての解説です。
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
小さめのボタンは、
アメブロのペタ2・読者登録・なう・アメンバーのボタンの
サイズと合わせてありますので、並べて貼ってもイイ感じに作りました♪
↓ こんな風に
プライムキューの川島さんのフォローミーボタンと組み合わせてみました。
↓ こんな感じで
↓川島さんのフォローミーボタンはこちら
売れる企画の立て方・書き方☆プライムキュー夢語ログ
ツイッターの“フォローミー”ボタン(オリジナル30個)を公開!
この方法は少し、手間はかかりますが、アメブロはもちろん、他のブログや
普通の一般的なサイト、どれにでもどこにでも確実にRTボタンを表示できる
方法なので、知っておいて損はないですよ。
------------------------------------------
手動設置はこんな方におススメ
・本ブログ配布のRTボタンが表示されないアメブロスキンを使用中である
・記事ごとにRTボタンのデザインを変えてバリエーションを楽しみたい
・フリープラグインが満杯かつ、ボタンのコード(JavaScript)の
外部ファイルは難しそう…orz と思っている
さらに、
・いままで記事中ボタンを試してみたが、
IE(インターネット・エクスプローラ)でエラーが出てしまう…●█▀█▄
という現象も、本ブログ付属の「エンコードボックス」が
解決してくれます!
これです↓ いつも左サイドバーに置いてあるので
ご自由に利用してくださいね♪
クリックすると新しいウインドウが開きます。
--------------------------------------------
以前、本ブログのこの記事で、記事中用ボタンのつけ方を
解説しました。ここに記載されてある記事中用ボタンのコードは、
コード自体はこれで正しいのですが、
このまま記事に貼ってしまうと、ブラウザによって不具合が出て、
IE(インターネット・エクスプローラ)では時々
うまく機能しない場合があることが分かりました。
IEの場合、日本語の部分がツイッターにうまく転送されず、
エラーになる場合があるようです。
(IEのバージョンによっても異なります)
しかし、このエラーは記事中用RTボタンのコードの中の
日本語表記の部分を「エンコード(データの符号化)」することに
よって解決できます。
↓いつも本ブログの左サイドサイドバーに置いておきます☆
また、本日の発表しました新作ボタンのページからも
エンコードボックスをリンクしてあります。
皆さま、ご自由にお使い下さい(ΦωΦ)ノ
>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html
以下の方法で、RTから後の部分を以下の方法でエンコードしてから、
記事に貼るようにすると、IEでも問題なく機能するようになります。
------------------------------------------------------------
記事中RTボタンの設定方法
記事URLを取得する
記事をいったん「下書き保存」します。
⇒ 記事の編集から、対象の記事を右クリック
⇒ 「リンクのURLをコピー」をクリックすると、
クリップボードにURLがコピーされた状態になります。
このページから、あなたが使いたいボタンの
コードを選んで、以下の箇所をコピペで書き換えます。
【例 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
さらに、このあと、次回以降の特集⑤に続きます。お楽しみに!
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
↑ここをクリック!↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m