2012年1月17日火曜日

BloggerでのjQueryの使い方

ブログ、始めました。
今までもいくつかブログ立ち上げたことあったけど、続かない・・・。
なぜなら私が飽き性だからw

なので、このブログはジャンルを絞らず
その時々で興味があることを書いていこうと思います^^


で、早速本題ですが、
後々jQueryを使ってゴニョゴニョとするかもしれないので
Bloggerでの使い方をメモしておきます。



Bloggerの場合はjsファイルをアップすることができないので
外部サイトでホストされているjQueryを使用します。


【Google Ajax API CDNを使用する場合】
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
※Googleの場合、バージョン指定にワイルドカードを使用可能。例えば「1.7」のみを指定すれば1.7系の最新版に、「1」だけを指定すれば1系の最新版といった具合です。

【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
※最新版を自動的に取得したい場合は http://code.jquery.com/jquery-latest.min.js


使用するCDNが決まったら、後はテンプレートにscriptタグを挿入するだけ。


管理画面左側の「テンプレート」を選択。


「HTMLの編集」を選択。


ソースを直接いじるので警告が出るけど気にせず「続行」を選択。


上から6行目あたりにある「<head>」の直下に以下のタグを挿入。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" /></script>


保存後、自動的に「"」が「'」に置換されて閉じタグも省略されるけど気にしないw
これでjQueryが使用できるようになります。

0 件のコメント:

コメントを投稿