BloggerでJQueryを使う方法

公開日 : 最終更新日 :

カテゴリー :

BloggerにはJavascriptファイルを保存する方法はありません。なので外部で公開しているJavascriptを読み込むか、テンプレートに直打ちするしか方法はありません。JQueryをBlogerで動かしたかったので探した方法を方法を紹介します。

Bloggerテンプレートの編集

  1. 「テンプレート」→「HTMLを編集」ボタンをクリック
  2. 「続行」ボタンをクリック
  3. <head></head>の中に<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js” type=”text/javascript” ></script> を埋め込む
  4. 「保存」ボタンをクリック
  5. 完了

これでJQueryを動かすことはできます。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" ></script>

src= “http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” の部分でJavascriptが保存してある場所を読み込んでいるのです。紹介した方法では、GoogleのAJAXのJQueryファイルを読み込んでいますが、JQueryがバージョンアップしたり他のJQueryを使いたい場合は、以下のようなCDNがあります。

Google AJAX API CDN

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js

*数字のところはバージョンを示していてワイルドカードが使えます。バージョンを指定したい場合は、数字のところで使用したいバージョンを指定してください。

Microsoft CDN

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js

JQuery CDN

http://code.jquery.com/jquery-1.7.1.min.js

参考

ピンバック

コメント

  1. こんばんは。情報深謝です(><)

    実は、私もブログを書いているのですが、コードやレイアウトがさっぱりでした。JQuery=言語を短くしたものと、素人なりに解釈しているのですが、少しブログをいじりたいと思います。

    ありがとうございました^^
    初心者の私には、何かとbloggerのハードルが高そうです(笑)

    • コードを触るとなるといろいろと難しかったりわからなかったりすることのほうが多いですよ。

      JQueryは、コードを短くするという解釈+レイアウトや通信部分を触れるといったところです。JQueryの理解があまりなくてもJQueryを使ったプラグインがたくさんあるのでプラグインを使ってみることから入るといいです。

名前とEメールアドレスが必須です。

以下のHTMLタグが使用できます。 <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>