</body>の上にスクリプトを入れる

<script src="js/pagetop.js"></script>

----------------------------------------------------------------------------------
(2)<h1>にID名を付ける

<h1 id="top">

----------------------------------------------------------------------------------

(3)<footer>の上に下記のどちらかのコードを入れる

画像を入れる場合
<p class="pagetop"><a href="#top"><img src="images/top.png" width="26" height="25" alt=""/></a></p>

テキストの場合
<p class="pagetop"><a href="#top">page top</a></p>

----------------------------------------------------------------------------------
----------------------------------------------------------------------------------



<script src="js/pagetop.js"></script>の代わりに・・

</body>の上にスクリプトを直接書き込む

<script>
$(document).ready(function() {
  var pagetop = $('.pagetop');
    $(window).scroll(function () {
       if ($(this).scrollTop() > 100) {
            pagetop.fadeIn();
       } else {
            pagetop.fadeOut();
            }
       });
       pagetop.click(function () {
           $('body, html').animate({ scrollTop: 0 }, 500);
              return false;
   });
});
</script>