お知らせ
2008年7月2日
拙著新刊の「ブログ簡単パワーアップ Movable Type4 スーパーカスタマイズテクニック」が発売されました。
Movable Type 4.2のさまざまなカスタマイズ方法を解説しています。
Movable Typeユーザーの皆様にぜひお勧めです。
なお、Movable Type 4.1には対応していませんのでご注意ください。
他にも多数書籍を執筆しています。
こちら
アメブロで新Mero Changerを使う
アメブロでは、ブログパーツ等の任意のHTMLを貼り付ける際には、「フリープラグイン」という機能を使います。
ただ、フリープラグインでは文字数に制限があります（最大で半角3,800文字）。
そのため、新Mero Changerのソースコードをそのまま貼り付けることができません。
アメブロで新Mero Changerを使う場合、Mero Changerのコードのうち、JavaScriptの部分を別ファイルから読み込むような形にする必要があります。
ただし、この方法を使うためには、JavaScript部分のファイルを、プロバイダのホームページ用スペースなどにアップロードすることが必要になります。
1.Mero ChangerのコードをHTMLとJavaScriptに分ける
Mero Changerコード作成ツールでMero Changerのコードを作ったら、そのコードをメモ帳等に貼り付け、HTMLの部分とJavaScriptの部分に分けます。
Mero Changerのコードは以下のようになっています。
このコードのうち、赤字がJavaScriptの部分で、残りがHTMLの部分です。
<!-- Mero Changer開始 -->
<!-- Mero表示テーブル開始 -->
<div style="text-align : center;">
・
・（途中略）
・
<!-- Mero表示テーブル終了 -->
<!-- Mero Changer JavaScript開始 -->
<script type="text/javascript">
//<![CDATA[
MeroChanger = function() {
・
・（途中略）
・
merochg_obj = new MeroChanger();
merochg_obj.show(0);
//]]>
</script>
<!-- Mero Changer JavaScript終了 -->
<!-- Mero Changer終了 -->
JavaScript部分のコードを切り取り、メモ帳をもう1つ起動して、そちらに貼り付けます。
2.JavaScript部分をアップロードする
次に、1.で作ったJavaScript部分を、プロバイダのホームページ用スペース等にアップロードします。
まず、JavaScript部分のうち、以下の赤字の部分を削除します。
そして、残りの部分を「merochg.js」というファイル名で保存します。
<!-- Mero Changer JavaScript開始 -->
<script type="text/javascript">
//<![CDATA[
MeroChanger = function() {
this.init();
};
・
・（途中略）
・
merochg_obj = new MeroChanger();
merochg_obj.show(0);
//]]>
</script>
<!-- Mero Changer JavaScript終了 -->
ファイルを保存したら、プロバイダのホームページ用スペース等に、そのファイルをアップロードします。
なお、アップロード手順の詳細については、個々のプロバイダのヘルプ等を参照してください。
3.HTML部分をフリープラグインに貼り付ける
次に、HTML部分をフリープラグインに貼り付けます。
1.の手順でMero ChangerのコードをHTML部分とJavaScript部分に分けましたが、HTML部分のコードをコピーします。
そして、アメブロにログインし、フリープラグインの設定を開いて、HTML部分のコードを貼り付けます。
↓HTML部分のコードを貼り付けたところ
そして、HTML部分の最後の「<!-- Mero Changer終了 -->」の行の前に、以下の行を挿入します。
<script type="text/javascript" src="merochg.jsのアドレス"></script>
例えば、merochg.jsのアドレスが「http://www.provider.ne.jp/~someuser/merochg.js」になるようにアップロードした場合だと、以下のような行を挿入します。
<script type="text/javascript" src="http://www.provider.ne.jp/~someuser/merochg.js"></script>
↓scriptタグを追加したところ
4.表示の確認
最後に、「設定」のボタンをクリックして、フリープラグインの設定を保存します。
そして、ご自分のブログを表示して、Mero Changerが動作することを確認します。
前後の記事
関連するエントリー(2件)
- 新Mero Changer暫定版リリース（その2）(2007年04月29日 22:47)
- 新Mero Changer暫定版リリース（その1）(2007年04月28日 13:35)
トラックバック(0件)
このブログ記事を参照しているブログ一覧: アメブロで新Mero Changerを使う
このブログ記事に対するトラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/893.
コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
スクリプトについてご質問をされる方は、ご自分のBlogのURLを必ず入力してください。
また、スクリプトの開発やサポートを継続的に行えるようにするために、ドネーション（寄付）をしていただけると幸いです。
金銭的寄付だけでなく、精神的寄付も歓迎します。
ドネーションのページはこちら
こちらで投げ銭をしていただくこともできます。
はじめましてm(__)m
以前からかなりこちら拝見させて頂いておりますm(__)m。
この度、タグが変わったということで、またこちらに伺わせて頂きました。。私はFC2サーバを使っていて、「.js」というファイルを使って外部から呼び出ししたいなと思っておりました。
以前のタグでも外部呼び出しをして問題なく行っておりました。
そこで、今回も外部呼出しができるということで、FC2サーバ（.jsファイルもアップ可能です）にアップして呼び出したのですが、、エラーが出ました。「終了していない文字列型の定数です。」というようなエラーでした。これは、外部呼出しでは無理なのでしょうか？
あと、YAHOO検索で、このエラーについて検索してみたのですが、「改行」のエラーのようで、どこの部分に対応するのかわかりませんでした。ただ、HTMLに組み込むと上手くエラーなしにでてるんですが・・・。
今の私のサイトでは、HTMLに組み込んでしてます。
とりあえず、私がアップしている.jsファイルのURL記載しておきますので、もし、ここが違ってるということがありましたら、教えてくださいませ。よろしくお願いいたしますm(__)m
大変失礼致しました。
.jsのURL記載するのを忘れておりました・・・
「http://blog102.fc2.com/s/sanriolovely/file/merochange.js」
こちらです。ただ、このファイルですが、呼び出しはしておりませんのでよろしくお願いいたしますm(__)m
＞aichanさん
こんにちは。Mero Changerご利用ありがとうございます。
merochange.jsを拝見しましたが、以下の行の最後の「○」で文字化けが起こっているようです。
{ mero_name : 'あいぴょん○',
最後の文字を削除すると、問題なく動作しました（アメブロで試して見ました）。
早速のご返事ありがとうございました。
(;゜ロ゜)ハッ、そうだったのですか・・・
。
訂正してアップしてみて外部サーバから呼び出ししてみたのですが、やはり、駄目でした。
大変お忙しいのに、お返事ありがとうございました。
私の場合は、プラグインではなく、HTMLに書きました。
「http://sanriolovely.blog102.fc2.com/?style2=test&index」
こちらのURLに関してですが、外部呼出しによるやり方でしています。現在のブログでは、HTMLに組み込んでしてます。
それともHTMLの中のタグが違うということでしょうか？
ローカルテストでは上手く行ったので・・・(;´▽｀A``
FC2ブログに問い合わせてみようかしら・・・(-_-;)
もし、よろしければ、再度見て頂けないでしょうか？
お忙しいところ、大変申し訳ございませんm(__)m
＞aichanさん
こんにちは。
今度は、スクリプトの先頭の3行（以下の通り）がなくなっています。
MeroChanger = function() {
this.init();
};
これらの行を追加してアップロードしなおして見てください。
あわわ・・・。
もう本当に申し訳ございません。
全部コピーしたつもりでしたが、できてなかったようで・・・。
今度は全部コピーしたはずなんですけど（汗）、もう一度見て
頂けますでしょうか？
なんか、これ以上ご迷惑おかけするの恐縮なので、もう一度見て頂いて、無理でしたら、HTMLに組み込むやり方でします。
申し訳ございませんでしたm(__)m
＞aichanさん
こんにちは。
今度は成功しているようです。
お疲れ様でした。
こんばんわ。
あのこないだ、こちらに返信したんですが、
届いていますでしょうか？
今現在まだ直ってないままです。
でも、これ以上ご迷惑をおかけすることできませんので、
HTMLに組み込む方法でいきます。
今までどうもありがとうございました。
ちなみに、外部からの呼び出しでは、
「http://sanriolovely.blog102.fc2.com/?style2=test&index」
こちらで行ってます。
＞aichanさん
こんにちは。
コメントは届いていなかったようです。
ところで、外部からの呼び出しを見て見ましたが、HTMLの文字コードがEUCなのに対し、JavaScriptがShiftJISになっていて、それがエラーの原因になっているようです。
scriptタグに「charset="shift_jis"」を追加するか、もしくはJavaScriptの文字コードをEUCに変えてアップロードしなおせば、動作すると思います。
おはようございます！
壱様、コメント頂けてとてもうれしいです。
もう諦めかけていてたのに文字コードのことなんて全く
気がつきませんでした。
なるほど・・・。HTMLの文字コードと一致させておかないと
読み込みができないということですね。。
考えてみたらそうですよね・・・。
本当にお忙しいところありがとうございました。
テストしてプレビューしてみたところ、正常にエラーなく
動いておりました。
この度は、誠にありがとうございました。