今日暇だからブログをいじる・・・(ブログのアイコンを変更)

noriokun4649

さてさて、今日は土曜日が授業参観だったので休みです!

んで、特にやることがないのでブログのHTMLをいじります!

今回やるのはこれ!

c6ce7bcadd599b863716451778c1dd49.png
こんな風にURLの横にアイコンが表示されてますね?

このアイコンを変えるのです!

まず、もととなる画像をpng拾ってきます、

そして、「@icon変換」とゆう変換ソフトをつかってpngファイルをicoファイルに変換します

その際、元のpngファイルは256×256以下でないといけません

で、そのファイルをアップします、

私は、fc2にアップしました

アップしたicoファイルのURLをコピーして

ブログ管理画面からテンプレートの設定にいき

~の間に

<link rel="shortcut icon" href="http://・・/・・・・/・・・/marika.ico"> を追加します

http://・・/・・・・/・・・/marika.ico」の部分はさっきアップしたときにコピーしたURL

を貼り付けます。

これで、IEやchromeなどのブラウザーではしっかり反映されます。

92d9cc85159060e3a7b5bb07aa7df52d.png

こんな感じ。。。。

さて、すまほから見る場合、反映されてません、

iPhoneの場合は対処法があります、

まず、先ほどの256×256のpngファイルを用意してください

そして、さっきと同様にアップしURLをコピーしてください

で、またブログ管理画面からテンプレートの設定にいき

さっきの場所に

<link rel="apple-touch-icon-precomposed" href="http://・・・・/・・・/・・・・/marika.png">

http://・・・・/・・・/・・・・/marika.pngも、先ほど同様URL

を貼りつけて完了、そうするとホームにショートカットを制作した際にアイコンがこれになるらしい

※私はAndroidなので確認できません

d161900c81fd2ed5c63069372307a514.png

全部合わせてだとこんな感じに入る

で、Androidですが、なんか出来ましたwwww

Androidは標準のブラウザーではだめでしたがchromeでならおkです

20150511141140211.jpg

できてる

20150511141143551.jpg

できてる

20150511141148859.jpg

ほーw

んま、こんな感じです、これでなんかいいねってなるねwww

きょうは、おわり、おつかれさまー
関連記事
スポンサーサイト



Posted bynoriokun4649

Comments 0

There are no comments yet.

Leave a reply