うみっくす

読者です 読者をやめる 読者になる 読者になる

うみっくす

だんなに黙って主腐やってます。笑ったり、凹んだり、叫んだりと日々、満喫中です。

プロフィール画像をカスタマイズ!!無料で作れる作成サイトも紹介するよ!

f:id:u-mix:20170319222643j:plain

やろう・・・やろうと思いつつ、なかなか時間が取れず後回しにしていた当ブログのプロフェール覧をようやくテコ入れできました!!
はてなブログのデフォルトのプロフィール覧はこんな感じ・・・

f:id:u-mix:20170319221057j:plain

ぼっち人生を歩いている私には、ぴったりな感じもするけど、ネットという大海では、藻屑なイメージがある・・・
まずは、イメージ画像をなんとかした方がいいよね?!!と思ったんですけど、私、お絵かきソフトを持っていないんだよね・・・
どうするべ?って思っていたら、私のようなお絵かきソフトを持っていない人のために、無料でサイトアイコンができるアイコンジェネレーターという便利なものがあることが判明!!

 

無料で簡単にプロフィール画像が作成できるサイト5選

FACE ICON GENERATOR「Pocky Street」

f:id:u-mix:20170319155703j:plain

http://www.pocky.jp/enjoy/icon_generator/

グリコのオフィシャルサイトのアイコンジェネレーター。安心して使えるし、初心者でも直感力で簡単に作成できる。
正面ver.と横顔ver.が作成できて、アルファベット、数字の挿入も可能。
保存は360×360pxまで可能。


SP-Studio

f:id:u-mix:20170319165133j:plain

http://www.sp-studio.de/

二頭身でアニメ「South Park」風に仕上がるアイコンジェネレーター。
色が鮮やかで、組み合わせるのがむちゃくちゃ楽しかったです。
背景が豊富で作ったキャラクターをいろんなところに連れていけます。日替わりで背景を入れ替えるのも楽しいかもしれません。

 

ちゃんりおメーカー

f:id:u-mix:20170319162227j:plain

https://chanrio.com/#/generator

サンリオが提供しているアイコンジェネレーター
男の子と女の子が作れて、サンリオらしいキュートなキャラクターが簡単に作れちゃいます。
会員登録をすると、50ちゃんりおまで作成・保存することが可能!!すごい!!クラスひとつ分できちゃうよ?!


maku puppet

f:id:u-mix:20170319163132j:plain

http://maku.jp/index.php

今回、私が利用したのがこちら。
合計アイテム数が7378個!!と、きせかえパーツが豊富で、とてもユニークなオリジナル画像ができあがります!!アニメーションが作れて、同時にHTMLも表示されるので、こんな風に簡単にブログに貼ることも可能!!
むっちゃ、かわいらしいがな!!

綾鷹KAMONジェネレーター | お楽しみ | 綾鷹(あやたか)

f:id:u-mix:20170319160908j:plain

http://www.ayataka.jp/fun/kamon/

自分だけのオリジナル家紋をプロフィール画像に使うのもかっこいい!!
氏名と誕生日を入力して「作成する」ボタンを押すと、自分だけのオリジナル家紋を作成してくれ、また、その家紋を持つ人の性格判断のようなものまでしてくれます。面白くって、家族みんなの家紋を調べちゃいました。

 

プロフィール画像をカスタマイズしよう!!

自分だけのオリジナルプロフィール画像ができたら、次は、ブログのプロフィール画像に入れてみましょう!

ここで、使うのがフォトライフです!!
フォトライフってなんやねん?って、思っちゃたんですけど、はてなブログで使用する画像を収納している場所です。

f:id:u-mix:20170319211047p:plain

 

 

ダッシュボードの方からフォトライフは簡単に見つかりました・・・

こんなん・・・今まで気づかんかったがな・・・

f:id:u-mix:20170319211540j:plain

一瞬、どこにも画像がなくて不安になっちゃいますが、「このフォルダに写真をアップロード」の文字をクリックすると、「アップロード」画面が現れます。
使いたい自分のプロフィール画像をここからアップロードしてください。

アップロードが完了すると、ブログで使っている記事一覧が現れます。
次に、使いたい画像の上にマウスオンすると、画像下に「選択」「編集」というチェックボタンが現れます。

f:id:u-mix:20170319213010j:plain

「選択」ボタンにチェックをし、「ブログに貼り付ける」ボタンをチェックすると、この画像のはてなブログ上のURLを既成してくれます。

HTMLタグの中にはふたつの画像URLが入っていると思いますが、使用するのは後方の画像URLです。

f:id:u-mix:20170319213826j:plain


この後方の画像URLを使用しますので、メモ帳にでもコピペしてください。
これで、画像URLが完成です!!

 

いよいよ!!サイドバーへの書き込みをするよ!

ダッシュボードの「デザイン」→「カスタマイズ」→「サイドバー」でサイドバーが編集できる状態にします。
そして、デフォルトで表示されている「プロフィール」ではなく「モジュールを追加」をクリックし「〈/〉HTML」をクリックします。

f:id:u-mix:20170319215116j:plain

タイトルのところには「プロフィール」でも「管理者について」でも、自分が表示したい任意の言葉を入力してください。


その下の、HTML記入欄には以下を貼り付けてください。

<center><div class="shadow"><img src="ここに画像のURL" width="280" height="200"></div></center>

<p>ここにプロフィール本文</p>

※画像のURLには、オリジナルで作った画像URLに差し替えてください。
※「ここにプロフィール本文」には、自分のプロフィールをテキスト入力。

最後に「適用」ボタンを押したらブログに反映されていると思います。

私のオッペケペーな勘違いをカミングアウトすると、サイドバーの一番下に反映されていたのに気付かずに二度も既成させていました。
どんだけ自己主張がはげしいねん?とツッコミたくなるほど、プロフィールいっぱいのブログになってたわ!!

あと、私が利用した「maku puppet」では、HTMLも同時に既成されますが、それをそのまま使用できませんでした。
当たり前なのかもしれませんが、はてなブログの「フォトライフ」の中の画像しか利用できません。

最後に、自分で作ったカスタマイズプロフィール画面が確認できてから、デフォルトのプロフィールを削除しましょう!!

どうですか?ちゃんと、反映されたかな?

最後にまとめ

フォトライフってなんじゃそれ?って思ったから、こんなものがあるんだと知って勉強になりました。そういや、FC2のブログでも似たようなものがあったわ・・・
あと、無料でプロフィール画像を作っていくれるサイトの多さにびっくりした!!
子供といろいろ楽しめましたよ!!
あと、単純にちゃんとしたプロフィール画像ができてうれしです!!

今日もここまで読んでくれてありがとうございます!!感謝!感謝!です!!