熟練ブロガーさんみたいに
サイドバーにプロフィール画像を置きたい。
画像は人物がいいらしいけど、さすがに写真は無理なので
似顔絵的なものを作れるサイトを探してみた。
ポッキーのサイトで、ざっくりだけどカスタムで人物イラストが作れたから
それを使用することにした。
設定はまず以下の所から
[ブログパーツ]タブをクリック。
最下段の[自由なカスタマイズ用]の[フリーエリア]を
Aエリアのプロフィールの上に入れて[設定]。
※画像はプロフィールの所になってるけど上のフリーエリアでも同じ。
フリーエリアの中に画像を表示させるには画像名の他
画像にリンクさせる為のアドレスがいる。
ラベル名は空欄。
[ブログパーツタイトル]は要らないので「表示しない」にチェックをいれる。
※コードコピペOK
画像を真ん中に配置する為のコードの間に
画像を表示させるコードが入っている。
ここで画像名は"PokyIcon"で画像のアドレスが"http://"の所。
alt=の画像名は、画像が表示されなかった時に代わりに表示される文字となる。
ここまで来ると結構サマになってきてうれしい。
あとはどこまで書き続けられるかかな。
今回の作業速度は普通歩きの猫ぐらい。
コードコードと知った風に言ってるけど
これ入れたら表示されたよ程度でよく知らないんだよね。
サイドバーにプロフィール画像を置きたい。
画像は人物がいいらしいけど、さすがに写真は無理なので
似顔絵的なものを作れるサイトを探してみた。
ポッキーのサイトで、ざっくりだけどカスタムで人物イラストが作れたから
それを使用することにした。
フリーエリアのパーツを使う
設定はまず以下の所から
[ブログパーツ]タブをクリック。
最下段の[自由なカスタマイズ用]の[フリーエリア]を
Aエリアのプロフィールの上に入れて[設定]。
※画像はプロフィールの所になってるけど上のフリーエリアでも同じ。
画像をUPし画像のアドレスを調べる
フリーエリアの中に画像を表示させるには画像名の他
画像にリンクさせる為のアドレスがいる。
画像アドレスの調べ方
- 画像/ファイルのタブから[画像管理]で画像一覧を出す
- 画像を選んで左クリック[別のタブで開く]を選ぶ
- ブラウザの別タブで画像だけが表示される
- アドレスバーに表示されているアドレスが画像のアドレス
フリーエリアにコードとアドレス貼り付ける
ラベル名は空欄。
[ブログパーツタイトル]は要らないので「表示しない」にチェックをいれる。
<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=の画像名は、画像が表示されなかった時に代わりに表示される文字となる。
【結論】結構直観的にやれた
ここまで来ると結構サマになってきてうれしい。
あとはどこまで書き続けられるかかな。
今回の作業速度は普通歩きの猫ぐらい。
コードコードと知った風に言ってるけど
これ入れたら表示されたよ程度でよく知らないんだよね。