月は魚に日は乙女タイトル画像

サイドバーにプロフィール画像を入れたい。[ブログ初心者の遅すぎる歩み]

livedoorブログ作業のアイキャッチ画像

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

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

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

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

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

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

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

設定はまず以下の所から
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=の画像名は、画像が表示されなかった時に代わりに表示される文字となる。

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

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

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

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

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

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