ブログでクルクルスクロールのSeesaa Blog編です。
smoothscroll.jsを例に、Seesaa Blogでスクリプトファイルをアップロードして使う方法を
書きます。
作業には３つの手順が必要です。
手順１．smoothscroll.jsをダウンロードする
手順２．スクリプトファイルをブログにアップロードする
手順３．テンプレートの変更
この３つの手順を終えるとクルクルとスクロールするようになります。
手順１．smoothscroll.jsをダウンロードする
http://www.kryogenix.org/code/browser/smoothscroll/ のページを開くと、上の方に
と書かれた行があるので、その行のsmoothscroll.jsというリンクからダウンロードします。
各ブラウザでのやり方は下の通りです。
Internet Explorerでのダウンロード方法
smoothscroll.jsというリンクを左クリック。
「ファイルのダウンロード - セキュリティの警告」というメッセージボックスが出てくるので、
「保存」をクリック。
「名前を付けて保存」というメッセージボックスが出たら、左側の一覧から「デスクトップ」を
クリック。下の「ファイル名」はそのままで「保存」をクリック。
Google ChromeまたはMozilla Firefoxでのダウンロード方法
smoothscroll.jsというリンクを右クリック。
「名前を付けて保存」を選択。
「名前を付けて保存」というメッセージボックスが出たら、左側の一覧から「デスクトップ」を
クリック。下の「ファイル名」はそのままで「保存」をクリック。
Safariでのダウンロード方法
確認はWindows版でしか行なっていません。mac版は多少違うかもしれません。
てか、Macって右クリックないんだっけ。
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>
５．「保存」ボタンを押す。
これで作業はおしまいです。他の修正は一切いりません。
同じページへのリンクをクリックするとクルクルスクロールします。
同じページへのリンクの貼り方は別記事「ページの途中にリンクする」を見てください。