このブログは、ライブドアブログを使っているのですが、ライブドアブログはデザインをパーツに分けて容易に組み替えられるようにしてあるため、カスタマイズが非常に簡単にできます。
それで気楽に触っているうちに、元々はページの一番右下にあった [ ↑ ] のマークが、中途半端なところに固定されてしまいました。

■画像右の下から1/3ぐらいの所に表示されて、そこに固定されているため、ページの下部に行くと、本来は下部にこそ必要なのに見えなくなっていました。

スクリーンショット 2019-10-30 11.54.32

サポートに尋ねても、CSS,HTMLのどこかが変更されているだろうというだけで、今ひとつ具体的な解決方法は、教えてくれないのです。

そこでWeb上で検索すると、以下のブログに解決方法があったので、試してみました。
すると、常にPCの画面上の右下に、上に戻る矢印が表示されるという、以前以上の結果になりました。
感謝を込めてリンクと引用をさせていただきます。

男北村さすらい営業ブログinタイランド【ブログカスタマイズ】

-----------------------------以下引用です----------------------------

CSSの編集画面で以下のソースを追加してください。

/* ページトップへ */
.to-pagetop a{
background:url(https://parts.blog.livedoor.jp/img/usr/default_2012/common/to_pagetop.png) 0 0 no-repeat;
display: block;
position: fixed; bottom: 5px;right: 20px;
width: 70px;
height: 70px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
outline: 0;
opacity: 0.7;
-webkit-transition: opacity linear 0.1s;
-moz-transition: opacity linear 0.1s;
-ms-transition: opacity linear 0.1s;
-o-transition: opacity linear 0.1s;
transition: opacity linear 0.1s;
}
.to-pagetop a:hover {
opacity: 1;
}

HTMLの編集

次に、各ページのHTMLに以下のソースを追加します。

<p class="to-pagetop"><a href="#">↑このページのトップヘ</a></p>

a href="#" はページの最上部へのリンクを意味しています。
以上で完了です。”
-----------------------------引用終わり----------------------------

ただし私の場合は、各ページのHTMLに以下のソース、
<p class="to-pagetop"><a href="#">↑このページのトップヘ</a></p>
はもう入れてあったのでそのままにしただけです。

カスタマイズの各ページでこのページのトップヘを検索して確かめると、入っている場合もあるかもしれません。

カスタマイズ記事の全文を引用したわけではないので、詳細はリンク元をご確認下さい。
上記ブログのカスタマイズ関連記事は、少し前の記事なので、他の記事の中には現在のライブドアブログに、合っていない内容もあります。(改良済みもあります)

*例えば、広告は、PCで閲覧する場合は表示されなくなっているし、Google Mapは普通にレスポンシブル表示になっているので、スマホ用の変換は不要だったりします。

最近はあまり更新されていませんが、ブログの他の記事でタイの様子がよく伝わって興味深いです。


なお、カスタマイズされる場合は、必ず以前のCSS,HTMLのバックアップをとり、ご自身の責任において情報をご利用下さい。

ちなみに私も元の記述(カスタマイズ前のCSS,HTMLの記述がどうだったか)は保存しています。
*別に役立たないかもしれませんが、あくまで念のため(ページの途中に固定したい場合なんて無いけど‥‥)。

ブログランキング・にほんブログ村へクリックの応援をお願いします。m(_ _)m


このエントリーをはてなブックマークに追加