suzutake-blog

アクセスカウンタ

zoom RSS ウェブリブログにfaviconを設定した

<<   作成日時 : 2010/08/17 23:59   >>

ブログ気持玉 0 / トラックバック 1 / コメント 0

他の方がやっている内容をまねてウェブリブログにfaviconの設定をやってみた。
概要としては「フリースペースにlinkタグを埋め込む」でok

【8/20追記】
もしかしたらfaviconを知らない人がいたら意味の無い記事になるので一応説明。
faviconというのはウェブページに関連づけられたアイコンで、ブラウザで表示した時にタブの左端に表示されたりする。
またお気に入りに入れた時にもアイコン表示される。
画像

【追記ここまで】

まずはfaviconを準備。
favicon画像は作っても良いし、フリー素材から探しても良い。
画像の準備が出来たらサーバにアップします。

favicon画像のアップロード先としてウェブリブログのエリアを利用する場合の操作方法を以下に示します。
※個人のホームページなどにアップする人はスキップして下さい
1.拡張子の変更
 画像の拡張子がicoになっている場合gifに変更する(ウェブリブログではicoの拡張子のアップロードが出来ないため)
2.自分のブログにログインする
3.左側にある「設定」メニューをクリック
4.設定メニューの下に出たサブメニューから「オプション」をクリック
5.オプションメニューの中から「ファイルマネージャー」の「設定画面へ」ボタンをクリック
 別ウインドウにアップロードしたファイル管理画面が出ます
6.右側にある「参照」ボタンをクリックして準備したfavicon画像を選択
7.「アップロード」ボタンをクリックして画像をアップロード
8.ファイル管理画面上に出た画像orファイル名をクリックして画面に出た画像をチェック
 またこの時アドレスバーに出ているfavicon画像のフルパスを確認しておく

次にアップロードした画像をfaviconとして設定します。
1.自分のブログにログインする
2.左側にある「設定」メニューをクリック
3.設定メニューの下に出たサブメニューから「表示項目設定」をクリック
4.サイド用のフリースペースの「編集」ボタンをクリック
 ※メイン用だと個別記事表示でしか適用されないのでサイド用を選ぶこと
5.フリースペースの編集フォームに下記のhtmlタグを記入

<link rel="shortcut icon" href="favicon画像のフルパス">
<link rel=" icon" href="favicon画像のフルパス">

6.フリースペースの編集フォームの下にある「設定」ボタンをクリックして情報を更新した後、設定ボタンの横にある「戻る」ボタンをクリック
7.表示項目設定画面に戻るので編集したフリースペースの「表示」のチェックボックスをonにして画面下にある「設定する」ボタンをクリック

これでブログを表示した時にfaviconが表示されます。

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(1件)

タイトル (本文) ブログ名/日時
favicon作成
家内がバリに滞在しているのだが、連休にチケット問題で諦め。 ...続きを見る
徒然ブログ
2011/05/02 15:31

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
ウェブリブログにfaviconを設定した suzutake-blog/BIGLOBEウェブリブログ
文字サイズ:       閉じる