2013年05月08日
【ファンブログカスタマイズ】ホームページにオリジナルのアイコンを表示させる
久々にブログのデザインを変更
といっても凄く細かいところ
よく色々なサイトに訪れた時に、ホームページ独自のアイコンを使っている場合があります
結構大きなサイトに多いのかなと思うのですが、
なんかあのアイコンがあるだけで印象って少し変わりますよね
とか思ったので、
この由緒ブログでも採用してみました
アイコンはプロフィール画像にも使ってる、
オリジナルの画像を使用してみました
といっても凄く細かいところ
よく色々なサイトに訪れた時に、ホームページ独自のアイコンを使っている場合があります
結構大きなサイトに多いのかなと思うのですが、
なんかあのアイコンがあるだけで印象って少し変わりますよね
とか思ったので、
この由緒ブログでも採用してみました
アイコンはプロフィール画像にも使ってる、
オリジナルの画像を使用してみました
方法については簡単に説明します
できるだけ簡潔に
まず、アイコンにしたい画像を用意します。
著作権に問題がなければネットで探したり、自分で描いたり、誰かに描いてもらったり、、、、、
次に、アイコン形式に変換します
FavIcon from Pics
http://www.chami.com/html-kit/services/favicon/
上のサイトで画像をアイコン形式に変換およびダウンロードすることができます
自力で他の方法で変換しても大丈夫です。
とにかくアイコンファイルをそんな感じで用意します。
そしてアイコンファイルをアップロードします。
最後に、、、、カスタマイズしたいホームページおよびブログのタグに
「<★ink rel="shortcut icon" href="アイコンのアップロードしたアドレス"★> 」
(注意:★は除去してください。タグ化されてしまい表示されなくなってしまうので表示するためにつけてみました)
方法は以上です
このタグをページのどこかに貼り付けてください。
因みに、このページではheadの次の行に表示しています。
是非気が向いたら試してみてください
自己満足かもしれないけど、自分でも結構このサイトのアイコン気に入ってます
ちょっとやり方が分かり難かったら、コメントいただければできる範囲で返答したいと思います
返信の速度は期待しないでください
できるだけ簡潔に
まず、アイコンにしたい画像を用意します。
著作権に問題がなければネットで探したり、自分で描いたり、誰かに描いてもらったり、、、、、
次に、アイコン形式に変換します
FavIcon from Pics
http://www.chami.com/html-kit/services/favicon/
上のサイトで画像をアイコン形式に変換およびダウンロードすることができます
自力で他の方法で変換しても大丈夫です。
とにかくアイコンファイルをそんな感じで用意します。
そしてアイコンファイルをアップロードします。
最後に、、、、カスタマイズしたいホームページおよびブログのタグに
「<★ink rel="shortcut icon" href="アイコンのアップロードしたアドレス"★> 」
(注意:★は除去してください。タグ化されてしまい表示されなくなってしまうので表示するためにつけてみました)
方法は以上です
このタグをページのどこかに貼り付けてください。
因みに、このページではheadの次の行に表示しています。
是非気が向いたら試してみてください
自己満足かもしれないけど、自分でも結構このサイトのアイコン気に入ってます
ちょっとやり方が分かり難かったら、コメントいただければできる範囲で返答したいと思います
返信の速度は期待しないでください
ブログランキングに複数登録してみました。是非ご協力お願いします♪
また、記事更新の度にTwitterでツイートしているので、もしよかったらフォローお願い致します♪
【アクセスアップの最新記事】
この記事へのコメント