熟練ブロガーさんみたいに

サイドバーにプロフィール画像を置きたい。

画像は人物がいいらしいけど、さすがに写真は無理なので

似顔絵的なものを作れるサイトを探してみた。

ポッキーのサイトで、ざっくりだけどカスタムで人物イラストが作れたから

それを使用することにした。

フリーエリアのパーツを使う


設定はまず以下の所から
blogsetumei1

[ブログパーツ]タブをクリック。

blogsetumei3

最下段の[自由なカスタマイズ用][フリーエリア]
Aエリアのプロフィールの上に入れて[設定]

blogsetumei4
※画像はプロフィールの所になってるけど上のフリーエリアでも同じ。

 

画像をUPし画像のアドレスを調べる


フリーエリアの中に画像を表示させるには画像名の他

画像にリンクさせる為のアドレスがいる。

画像アドレスの調べ方



  1. 画像/ファイルのタブから[画像管理]で画像一覧を出す

  2. 画像を選んで左クリック[別のタブで開く]を選ぶ

  3. ブラウザの別タブで画像だけが表示される

  4. アドレスバーに表示されているアドレスが画像のアドレス


 

フリーエリアにコードとアドレス貼り付ける


ラベル名は空欄。

[ブログパーツタイトル]は要らないので「表示しない」にチェックをいれる。

ライブドアブログのフリーエリア
<div  style="text-align: center;"><img  class="pict" hspace="5" alt="PockyIcon" border="0" height="120" width="120" src="httpから始まる画像のアドレスが入ります"></div>

※コードコピペOK

画像を真ん中に配置する為のコードの間に

画像を表示させるコードが入っている。

ここで画像名は"PokyIcon"で画像のアドレスが"http://"の所。

alt=の画像名は、画像が表示されなかった時に代わりに表示される文字となる。

【結論】結構直観的にやれた


ここまで来ると結構サマになってきてうれしい。

あとはどこまで書き続けられるかかな。

今回の作業速度は普通歩きの猫ぐらい

コードコードと知った風に言ってるけど

これ入れたら表示されたよ程度でよく知らないんだよね。