サブブログ(サブアカウント)に javascript ファイルを入れる | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery


★ サブブログ(サブアカウント)に javascript ファイルを入れる


● フリープラグインには、文字数制限(半角3800文字相当まで)があります。
  アメブロでは .js ファイルはアップロードできないため、
  このフリープラグインの文字数を回避させる方法です。


① サブブログを作成(会員登録)します。
  アメブロでは、ヤフーなどのフリーメールアドレスなどで会員登録できます。
  ヤフーIDは複数取得できて、フリーメールアドレスも取得できます。


② サブブログをCSS編集用デザインにします。
  CSS編集用デザインにする方法は下記を参照
  CSS編集できるデザイン(スキン)にするのはどうするの?
http://ameblo.jp/new-blue-777/entry-11212003709.html

  まず、サブブログでCSS編集を行い最後に下記を追記する
  (CSSを何か更新しないと、CSSファイルが作成されないため)

/* */


③ IEの場合は、ツールバーの表示→ソースをクリックすれば、ソースが
  メモ帳で表示されます。


リアナのカスタマイズ日記(CSS編集用デザイン)



● http://usrcss.ameblo.jp/skin/templates/★★/★★/nnnnnnnnnnn.css
がCSSファイル名です。
nnnnnnnnnnn は数字です。
★★は、英数字です。
ブログによって異なります。


リアナのカスタマイズ日記(CSS編集用デザイン)





● わからなければ、
下記フリープラグインをサブブログのフリープラグインへ入れて、
サブブログのブログを開けば、Webからのメッセージで表示されます。
サイドバーの配置でフリープラグインを使用する機能にするのを忘れずに


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){
var CSS_spos=$("head").html().indexOf("http://usrcss.ameblo.jp/skin/templates",1);
alert("CSS ファイル名= "+ $("head").html().substring(CSS_spos,CSS_spos+60));
})
</script>



④ 本ブログには下記の様にフリープラグインへ追加します。
http://usrcss.ameblo.jp/skin/templates/★★/★★/nnnnnnnnnnn.css は③で
求めたサブブログのCSSファイル名です。


<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/★★/★★/nnnnnnnnnnn.css'></script>


⑤ サブブログのCSSへ javascript を入れます。
   サブブログのCSSの中身を全部消して、javascript を入れます。
   入れ方は、 javascript の知識が必要な場合がありますので、
   行いたい場合は、質問してください。

私の例

http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css




⑥ サブブログを使う方法の他に、アメブロのが読むことが可能な、ホームページなどを
  借りて、そこにjsファイルを格納する方法もあります。