ウェブ制作イメージBloggerの機能の良いところを良いように考え、どんどん利用していこうと決めたが、まだどうしてももう一つ追加したい機能がある。それはページ下方に行ったらページトップボタンが出て、いつでもページトップへ戻れるもの、「ページトップボタン」だ。いろいろな人のページトップボタン設置のブログを拝見したのだが、どれも自分のブログでは不具合が出てしまう。そこで仕方なく、自社のウェブサイトで利用している自作のページトップボタンを設置したら、何の問題もなく動作した。ページトップボタンで困っている人がいたら、どんどん利用して欲しい。これはBloggerに限らず、全てのウェブサイトで動作可能(なはず)だ。レスポンシブ対応済みである。以下枠線内全てをコピーしたのち、ダッシュボード→レイアウト→ガジェットの追加で「HTML/javascript」を追加のウィンドウが開ける。そこにコピーしたものを張り付けて保存するだけ。ガジェットの配置場所は「ページの本文」の一番下やフッターにでも置いておけばよい。1-2.Wordpressの場合Wordpressについてはこの自作ページトップボタンより、プラグインを利用したほうが良いと思う。自社のオフィシャルブログも、プラグインでページトップボタンを設置している。申し訳ない、その他ブログを利用したことがないので方法をお知らせすることが出来ない。基本はhtml、CSS、Javascriptと分けて書くことが出来るなら、以下のそれぞれを追記すればよいと思う。ウェブサイトを運営している人は、これよりももっと素晴らしいページトップボタンを設置しているに違いない。false;});});</script>2.カスタマイズについて色やボタンの大きさ、ボタン内の文字などを変えたい場合は以下を変える。2-1.ボタンの色、大きさCSSの「PageTopボタン基本設定」のうち、ボタンの色は青字のコロン以降を自由に変えればよい。自身のサイトによって合う色があるはずだ。background-colorが背景色、colorがボタン内文字色である。原色大辞典」で好きな色を選び、その#6桁の数字やアルファベットをそれぞれの#部分に書き込む。ちなみにこのボタンはオンマウスやタップ時に色が変わるように設定してある。#fffbe5;}のbackground-colorとcolorを変更する。必要ない場合は、この行をそのまま削除する。ボタンの大きさは赤字の数値を変更する。レスポンシブに対応しているのでスマホやタブレットでも大きさを確認して欲しい。画面上でどのへんにページトップボタンが配置されればよいかの調整は、ピンク文字の数値を変更する。上記の場合、画面下及び右より各20ピクセルの位置にしてある。ウェブサイトやブログ制作の時、いつも様々な人のブログやウェブサイトを参考にさせて頂いているが、自身の知っていることを紹介する機会は今までほとんどなかった。それは、ネット上の人達の知識には到底かなわないと思っていたからだ。こんな自分のちっちゃな知識でも、誰かの役に立つのであれば今後もこのような記事を書いていこうと思う。2:29はじめまして。ページトップボタンを設置したく試行錯誤していましたが、こちらを参照させていただき無事に設置することができました。11:09ご連絡有難うございます。Favoriteを発信していく、とあるSOHO会社運営者です。ura-no-ura.com。