Seesaaでクルクルスクロール

ブログでクルクルスクロールの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>

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

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

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