スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
「ゲームファンアート」ランキング参加してます!応援お願いします!
オリジナルのお気に入りアイコンを作ろう!

イラストをHPやブログで公開していて、読者さんのブクマの中で少しでも

自分のサイトを探しやすくしたい、アピールしたい!という方へ。

イラストサイト・デジ絵に限らない情報ですが…w


もうお気づきの方もいらっしゃると思いますが、、

アドレスバーをご覧ください。このブログのアドレスの左に、

蝶々のアイコンが表示されていませんか?

更に、このブログをブックマークしていると同じアイコンがブックマーク内に

表示されていると思います。

favicon.jpg

このお気に入りアイコン、通称ファビコンを設定すれば

ブクマ内でも探しやすい、目立ちやすい、存在感UP!


ファビコンの作成方法、設定方法は…
おおまかな流れ:

アイコン作成→アップ→1行のスクリプトをサイトに追加。

これだけ!


作成方法① 自分で作る、そしてアプリで変換。

16x16のアイコンを作成(透過処理もあるためpngがオススメ)、

これ以上の大きさでも変換できるのでおk。

こちらのアプリで拡張子.icoに変換しましょう。

@icon変換


作成方法② 素材サイトで探す!DL!

自分で作るの面倒くさい!自信がない!という方へ。

ドット絵師さんたちがフリーで素敵なファビコンを配布してらっしゃいます。

ヤフーのディレクトリに優良サイトが登録されています。

ヤフーfaviconディレクトリ

それぞれ規約が異なるのでよく読んでDLしましょう!


さて、アイコンは用意できましたか?それでは、設置しましょう…


設置方法① HPの場合


ファビコンをルートディレクトリにアップロード。

ファビコンを表示したいページのhead内に、下記スクリプトを入れる。

<link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico">


設定方法② ブログの場合

ファイルアップロードでさきほど作成したアイコンをアップ。

アップロード後、サムネイルかファイル名をクリックすると

新しいウィンドウでファビコンファイルそのものが表示されるはず。

アドレスバーに表示されているアドレスを確認。


次に、テンプレートの編集へ。

テンプレートのスクリプト中に、<head>タグがあるので、

その直後あたりに下記スクリプトをコピペ。

<link rel="shortcut icon" href="さっき確認したファビコンのアドレス">


以上です!

ファビコン情報はこちらのサイト様を参考にさせて頂きました!
「ゲームファンアート」ランキング参加してます!応援お願いします!

Comment

管理人にのみ表示する

ちょこちょこ見かけてたけどこれつけれるのかーーー
試してみます。
| URL | 2008/02/14/Thu 12:43 [EDIT]
>>犬
シヴァ全身アイコンでお願いします。
太陽 | URL | 2008/02/14/Thu 22:38 [EDIT]
 そっかーあれってこうやって作れるのですねー
 
 今回の記事を参考に、いつかやってみたいと思います^^
ぜく | URL | 2008/02/19/Tue 17:25 [EDIT]
>>ぜくさん
ぜくさんのページ、色々とアレンジ中みたいだし、
ぜひこの機会にやってみてくださいw
モーグリアイコン希望。
太陽 | URL | 2008/02/20/Wed 10:03 [EDIT]

Track Back
TB*URL

Copyright © 晴れ時々スケッチブログ. all rights reserved.
  • seo

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。