ブログ運営について

ブログの使い方などのメモ

「できすぎくん」にページトップへ戻るボタン


ググてたら記事がありましたので、紹介します。

 

1、 矢印画像を用意し、アップロードしましょう。

画像は、幅35から50ピクセル程度

 

2、できすぎくんのサイドバー編集で、最後の行に自由ボックスを挿入。

 

f:id:yumeji773:20170330213928p:plain

 

 

3、HTML編集モードにして以下のhtmlコードを、画像を指定しているコード<imgの前にそのままコピペ。

<div style="position: fixed;right: 5px;bottom: 30px;"><a href="#container">

 

4、続いて、画像を指定しているコードwidth="full">の後に以下のコードをそのままコピペ。

</a></div>

 

<例>

<div style=”position: fixed;right: 5px;bottom: 30px;”><a href=”#container”>
<img src=”http://m.msmstatic.com/000000000/pagetop.png” alt="”ページトップへ”" title=”ページトップへ” align=”noassign” width=”full”>
</a></div>

コピペして、画像URLを変更してください。

 

※画像挿入のHTMLコードはChromeでの表示コードです。

 

5、 htmlを挿入するボタンをクリック。
※自由ボックスには何も表示されませんが、心配無用。

 

6、 保存しサーバーにアップロードして終了!

 

※position: fixed・・・指定した表示の位置
right: 5px・・・・・画面右端から画像の右端までの距離が5px
bottom: 30px・・・画面下端から画像の下端までの距離が30px