【アメブロRTボタンが表示されない場合の対処法】フリープラグインが文字数オーバーでも大丈夫♪
アメブロ用RTボタンですが、皆様にブログやツイッターで
ご紹介していただきましたお陰で、
日々利用される方が増えてきています
毎日、お礼のメッセージをいただいており、
とても嬉しく思います
さて、たまに「手順通りにやっているのですが、
RTボタンが表示さません~」というご質問があります。
これも、皆様のご協力のお陰でわかってきたことなのですが、
RTボタンが表示されない原因は(現在のところ)2通りあります。
① アメブロのブログスキンの仕様による原因
② フリープラグインが文字数オーバーになっている
①については、こちらをご覧いただきまして、ご了承いただけますようお願いします。
RTボタンが表示されないアメブロデザインスキンのお知らせ
http://ameblo.jp/infostock/entry-10536056266.html
②については、既にブログパーツを沢山貼り付けている方の場合、
さらにアメブロRTボタンのスクリプトを貼り付けると
「文字数オーバー」になってしまうことがあります。
そのため、保存する時に警告が出て保存できず、
結果としてボタンが表示されない、という現象が起きるようです。
そんな時でも!
「スクリプトを外部ファイル化」させるという方法をとることによって
文字数オーバーでも、RTボタンを表示することが出来ます。
-------------------------------------------------------------
【手順の概要】
① PeggyPad(無料ソフト)をダウンロードする
② RTボタンのコードを少し書き換えて、文字コードはUTF-8、拡張子を.jsとしてファイルを保存する
③ 無料レンタルサーバー、又はあなたが借りているサーバーに②で作成したファイルをアップロードする
④ フリープラグインに数行のコードを書き込んで保存する
-------------------------------------------------------------
この方法をとれば、今貼り付けているブログパーツのどれかを
外さなくても、アメブロ用RTボタンをバッチリ表示できますよ。
以下に、この方法を詳しく解説します。
PeggyPad(無料ソフト)をダウンロードする
文字コードの変換と、.jsファイルへの変換を一気に行うために、
PeggyPadという無料ソフトをダウンロードします。(このソフトは色々使えて便利ですよ!)
こちらのページにアクセスします。
http://www.vector.co.jp/soft/dl/win95/writing/se171027.html
ページ中ほどに「このソフトを今すぐダウンロード」と
書いてあるので、そこをクリックしてダウンロードします。
ファイルを保存 ⇒ pgypd462.exe をダブルクリックして
「OK」⇒「実行」⇒「次へ」…をクリックしていけばOK。
インストールが完了したら、PeggyPadを開きます。
PeggyPadにアメブロ専用リツイートボタンの作成サイトで作ったコードを貼り付けます。
最初の1行を削除します。⇒ <script type="text/javascript"><!--
次に、最後の1行も削除します ⇒ // --></script>
以下のようになります。クリックして拡大↓
ファイル⇒「名前をつけて保存」をクリックします。
クリックして拡大↓
分かりやすいように、以下の通りに設定します。
保存する場所…デスクトップなど、あなたの分かりやすいところを選択
ファイル名…ameblort
ファイルの種類…WWW JavaScript (*.js)
漢字コード…UTF-8
改行コード…そのまま
以上のように指定して、「保存」をクリックすると
「ameblort.js」が、あなたの選択した場所に保存されます。
無料レンタルサーバー、又はあなたが借りているサーバーにameblort.jsファイルをアップロードする
あなたがすでに借りているサーバーがある場合は、そちらをお使い下さい。
もしそれがなければ、無料レンタルサーバーを利用しましょう。
(どこでもOK)
FC2ホームページは、自由度が高くてお勧めです♪
http://web.fc2.com/
あなたが借りたサーバのURLのトップページが以下のようだとします。
http://*******.com/index.html
スクリプトファイルはトップには置かないほうがいいので、
適当なディレクトリを作り、そこに②で作った ameblort.js ファイルを置きます。
(アップロードします)
分かりやすく、ディレクトリ名はfreeとしてみます。
するとその場合、
URLは http://*******.com/free/ameblort.js
となります。
-------------------------------------------------
(例) FC2無料ホームページを借りた場合
あなたのサイトの名前が http://●●●.web.fc2.com だとすると、
「ログイン」⇒「ファイルマネージャー」⇒「ディレクトリ作成」
⇒出てきたポップアップに「free」と入力⇒「OK」をクリック
「free」というディレクトリをクリック⇒ファイルのアップロードの「参照」をクリック
⇒あなたが作成したameblort.jsを選択⇒「開く」をクリック⇒「ファイルのアップロード」をクリック
こうすると、ameblort.jsは、以下のURLに置かれたことになります。
http://●●●.web.fc2.com/free/ameblort.js
-------------------------------------------------
フリープラグインに数行のコードを書き込んで保存する
以下のコードの、URLの部分だけ書き換えて、
アメブロのフリープラグインに貼り付けます。
以下をそのままコピーして貼り付けてください(URLだけ書き換えて下さいね)。
<script type="text/javascript" src="あなたのURLに置き換える→http://www.*******.com/free/ameblort.js←あなたのURLに置き換える"></script>
<script language="javascript"><!--
window.onload = function() {
// --></script>
これをフリープラグインに貼り付けてください。
これで完了です
頑張りやさんの、アメブロガーの方は、
ぜひ挑戦してみて下さい♪
追記:
上記の方法は、竹原さんのこちらの記事を参考にさせていただきました。
アメブロ・フリープラグインが文字数オーバーでもRTボタンを設置する方法
http://ameblo.jp/accessup-seo/theme-10016194937.html
竹原さんには、心からお礼申し上げます。ありがとうございました。
では、今日も最後までお読みいただきましてありがとうございました♪
シマザキ
ご紹介していただきましたお陰で、
日々利用される方が増えてきています
毎日、お礼のメッセージをいただいており、
とても嬉しく思います
さて、たまに「手順通りにやっているのですが、
RTボタンが表示さません~」というご質問があります。
これも、皆様のご協力のお陰でわかってきたことなのですが、
RTボタンが表示されない原因は(現在のところ)2通りあります。
① アメブロのブログスキンの仕様による原因
② フリープラグインが文字数オーバーになっている
①については、こちらをご覧いただきまして、ご了承いただけますようお願いします。
RTボタンが表示されないアメブロデザインスキンのお知らせ
http://ameblo.jp/infostock/entry-10536056266.html
②については、既にブログパーツを沢山貼り付けている方の場合、
さらにアメブロRTボタンのスクリプトを貼り付けると
「文字数オーバー」になってしまうことがあります。
そのため、保存する時に警告が出て保存できず、
結果としてボタンが表示されない、という現象が起きるようです。
そんな時でも!
「スクリプトを外部ファイル化」させるという方法をとることによって
文字数オーバーでも、RTボタンを表示することが出来ます。
-------------------------------------------------------------
【手順の概要】
① PeggyPad(無料ソフト)をダウンロードする
② RTボタンのコードを少し書き換えて、文字コードはUTF-8、拡張子を.jsとしてファイルを保存する
③ 無料レンタルサーバー、又はあなたが借りているサーバーに②で作成したファイルをアップロードする
④ フリープラグインに数行のコードを書き込んで保存する
-------------------------------------------------------------
この方法をとれば、今貼り付けているブログパーツのどれかを
外さなくても、アメブロ用RTボタンをバッチリ表示できますよ。
以下に、この方法を詳しく解説します。
PeggyPad(無料ソフト)をダウンロードする
文字コードの変換と、.jsファイルへの変換を一気に行うために、
PeggyPadという無料ソフトをダウンロードします。(このソフトは色々使えて便利ですよ!)
こちらのページにアクセスします。
http://www.vector.co.jp/soft/dl/win95/writing/se171027.html
ページ中ほどに「このソフトを今すぐダウンロード」と
書いてあるので、そこをクリックしてダウンロードします。
ファイルを保存 ⇒ pgypd462.exe をダブルクリックして
「OK」⇒「実行」⇒「次へ」…をクリックしていけばOK。
インストールが完了したら、PeggyPadを開きます。
PeggyPadにアメブロ専用リツイートボタンの作成サイトで作ったコードを貼り付けます。
最初の1行を削除します。⇒ <script type="text/javascript"><!--
次に、最後の1行も削除します ⇒ // --></script>
以下のようになります。クリックして拡大↓
ファイル⇒「名前をつけて保存」をクリックします。
クリックして拡大↓
分かりやすいように、以下の通りに設定します。
保存する場所…デスクトップなど、あなたの分かりやすいところを選択
ファイル名…ameblort
ファイルの種類…WWW JavaScript (*.js)
漢字コード…UTF-8
改行コード…そのまま
以上のように指定して、「保存」をクリックすると
「ameblort.js」が、あなたの選択した場所に保存されます。
無料レンタルサーバー、又はあなたが借りているサーバーにameblort.jsファイルをアップロードする
あなたがすでに借りているサーバーがある場合は、そちらをお使い下さい。
もしそれがなければ、無料レンタルサーバーを利用しましょう。
(どこでもOK)
FC2ホームページは、自由度が高くてお勧めです♪
http://web.fc2.com/
あなたが借りたサーバのURLのトップページが以下のようだとします。
http://*******.com/index.html
スクリプトファイルはトップには置かないほうがいいので、
適当なディレクトリを作り、そこに②で作った ameblort.js ファイルを置きます。
(アップロードします)
分かりやすく、ディレクトリ名はfreeとしてみます。
するとその場合、
URLは http://*******.com/free/ameblort.js
となります。
-------------------------------------------------
(例) FC2無料ホームページを借りた場合
あなたのサイトの名前が http://●●●.web.fc2.com だとすると、
「ログイン」⇒「ファイルマネージャー」⇒「ディレクトリ作成」
⇒出てきたポップアップに「free」と入力⇒「OK」をクリック
「free」というディレクトリをクリック⇒ファイルのアップロードの「参照」をクリック
⇒あなたが作成したameblort.jsを選択⇒「開く」をクリック⇒「ファイルのアップロード」をクリック
こうすると、ameblort.jsは、以下のURLに置かれたことになります。
http://●●●.web.fc2.com/free/ameblort.js
-------------------------------------------------
フリープラグインに数行のコードを書き込んで保存する
以下のコードの、URLの部分だけ書き換えて、
アメブロのフリープラグインに貼り付けます。
以下をそのままコピーして貼り付けてください(URLだけ書き換えて下さいね)。
<script type="text/javascript" src="あなたのURLに置き換える→http://www.*******.com/free/ameblort.js←あなたのURLに置き換える"></script>
<script language="javascript"><!--
window.onload = function() {
// --></script>
これをフリープラグインに貼り付けてください。
これで完了です
頑張りやさんの、アメブロガーの方は、
ぜひ挑戦してみて下さい♪
追記:
上記の方法は、竹原さんのこちらの記事を参考にさせていただきました。
アメブロ・フリープラグインが文字数オーバーでもRTボタンを設置する方法
http://ameblo.jp/accessup-seo/theme-10016194937.html
竹原さんには、心からお礼申し上げます。ありがとうございました。
では、今日も最後までお読みいただきましてありがとうございました♪
シマザキ
↑ここをクリック!↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。
皆さん、どんどんご利用下さいませm(_ _)m