前記事の続きとなります
これはスマホ表示をPC表示に
切り替えた画像ですので
PCの方も同じようにできます
右上の角に
横三本線をタップするとこのような表示になり
左から二列目のサイドバー項目に
フリースペース編集というのがあるので
タップします
この緑色の枠の中の文字数列は
私のサイドバーに貼っている
扉バナーや画像コードなどです
何をどういう形で入れるかは
ブログを書く画面を利用して
HTML表示で扉バナーを貼り付け
通常表示で画像を挿入し
お好みに編集しながら
最終的にHTML表示にして
文字数列を一気にコピーして
ここに貼り付けます
次に上から4列目の
フリースペースの配置設定はこちらをタップ
ここでブログの項目をどこに
配置するかを調整します
真ん中の空白部分がブログ本文
先ほど編集したのがフリースペースです
位置が決まったら保存しますが
サイドバーの横幅はブログデザインによって
様々なので貼り付けるものの
サイズ変更が必要です
例えば扉バナーですが
<p><a href="https://rainbow-angels.amebaownd.com/"><img width="250" height="102" alt="" src="http://stat.ameba.jp/user_images/20161026/18/tenshou-italia-neko/2a/31/g/o0399016313782487597.gif" /></a>
</p>
この文字数列の中で赤文字で書いている数字が
横縦のサイズです
これはピクセル計算方法なのですが
これを例えばサイドバーに合わせて
横１８０にする場合
２５０：１０２＝１８０：■となります
■＝１０２×１８０÷２５０
■＝７３
文字数列の中の２５０を１８０に
１０２を７３に書き換えればバランス良く縮小されます
画像コードに関しても
widtht/height
ここを見つけてwidteh をサイドバーのサイズに
合わせると綺麗に貼れます
これで私の説明は一応終わります
前記事の最後にも書きましたが
何か不明点があればお知らせくださいm(__)m