ブログでクルクルスクロール のSeesaa Blog編です。

smoothscroll.jsを例に、 Seesaa Blog でスクリプトファイルをアップロードして使う方法を
書きます。

作業には３つの手順が必要です。

手順１．smoothscroll.jsをダウンロードする
手順２．スクリプトファイルをブログにアップロードする
手順３．テンプレートの変更

この３つの手順を終えるとクルクルとスクロールするようになります。

手順１．smoothscroll.jsをダウンロードする

http://www.kryogenix.org/code/browser/smoothscroll/ のページを開くと、上の方に

と書かれた行があるので、その行の smoothscroll.js というリンクからダウンロードします。
各ブラウザでのやり方は下の通りです。

これでデスクトップ画面に smoothscroll.js が保存されます。

手順２．スクリプトファイルをSeesaaブログにアップロードする

１．管理画面の「記事投稿タブ」→「ファイルマネージャー」と選択。

２．「アップロードするファイルを追加」の下にある参照ボタンをクリック。

３．出てきたウインドウで左のデスクトップをクリック。
　　右の大きい枠から smoothscroll（拡張子付ならsmoothscroll.js） を選択して
　　アップロード。

４．アップロードファイルリストの右「このファイルを投稿」という項目で「 HTML 」をクリック。

５．押したボタンの右にソースが表示されるのでコピー。

６． <a href=" http://あなたのブログのURL/smoothscroll.js ">smoothscroll.js</a> と
なっているソースを下の入力欄に貼り付ける。

６．貼り付けたのがコピーしたソースであることを確認して「変換」を押す。

「結果」欄に表示されたのが、あなたがアップロードしたスクリプトを使うためのタグです。これをコピーして手順３へ進んでください。

手順３．テンプレートの変更

１．管理画面の「デザインタブ」→「HTML」と選択。

２．もし「デフォルトＨＴＭＬ」しかなかったら、右上の「HTMLの追加」をクリック。そうでなければ、使っているHTMLの名前をクリック。

３．右側の画面で、「 < / head> 」（ < の次に / があってhead> ）と書かれた行を探す。　　もし「 < / head> 」と書かれた行がなかったら、そのスキンは壊れています。

４．「 < / head> 」と書かれた行の上に、コピーしたタグを貼り付けてください。

コピーしたタグのソース
</head>

５．「保存」ボタンを押す。

これで作業はおしまいです。他の修正は一切いりません。
同じページへの リンク をクリックするとクルクルスクロールします。

同じページへのリンクの貼り方は別記事「 ページの途中にリンクする 」を見てください。