2009年01月14日

seesaa ブログ フッターのカスタマイズ

スポンサード リンク

フッターとはページの一番下の 著作権表記とか
トップページへのリンクが貼られている部分です。
今回はseesaa ブログのフッター部分に
フッターからトップページへのリンクと
著作権表記(コピーライト)をつけてみたいとおもいます。

HTMLを編集します。
マイブログ>デザイン>HTML>から使用しているHTML名を選択します。
ソースの一番下の方にある

<div id="footer">
<% content_footer -%>
</div>


このコードを

<div id="footer">
<br />Copyright (C) 2009<a href="<% blog.page_url %>">
<% blog.title %></a> All Rights Reserved.
<br />
<% content_footer -%>
</div>


に書き換えます。

Copyright (c) 2009 JavaScript,スタイルシート サンプル集. All Rights Reserved.
ページの最下部に上記のように表示されます。

<% blog.page_url %>はブログのURLです。
<% blog.title %>はブログのタイトルです。

posted by javaScript at 21:33 | 大阪 ☔ | Seesaaブログ カスタマイズ | このブログの読者になる | 更新情報をチェックする

2008年08月30日

ファビコンの設置 Seesaaブログ カスタマイズ

スポンサード リンク

ファビコンをSeesaaブログに設置してみました。

Favicon(ファビコン)とはFavoriteicon(フェイバリット・アイコン)の略語で、
お気に入りのアイコンということでしょうか。。
ブラウザのアドレスバー、ブックマーク(お気に入り)リストやタブブラウザの
タブに表示される小さなアイコンです。

favicon.ico  http://javascript123.seesaa.net/

ファビコンの作り方

画像を作成します。
  ファビコンのサイズは16×16pxなのでこのサイズで作っておくと画質が変わらなくて良いでしょう。できた画像はGIFあるいはPNG形式で保存して置きます
ファイル転換
  保存してある画像をファビコン用のファイルに変換します。ファイル変換には
Favicon Japan!! -ファビコン作成方法- を使わせて頂きました。
当サイトにて自動生成できる・・・・・ 項目にある
から先ほど保存した画像を選択して ボタンを押すと
  favicon.ico が作成されPreview
favicon.ico  http://yoursitedomain 
が表示されます
確認後 自サイトにダウンロードすればこれで完了です。
Seesaaブログでの設置の仕方
  まず ファビコンファイル(favicon.ico)をサーバーにアップロードします。
Seesaaブログでは マイブログ→記事投稿→ファイルマネージャ 内のアップロード、ファイルの追加で
ボタンを押して 先ほどダウンロードしたファビコンファイル(favicon.ico)を選択し、
必要な項目を選択,入力してアップロードします。
当ブログでは、タイトルを(favicon),ディレクトリを(icon)としました。
  ファイルマネージャ 内のファイル一覧でタイトルにつけた名前(favicon)のファイルを確認してHTMLタグのコピーを行います
<a href="http://javascript123.up.seesaa.net/icon/favicon.ico" alt="favicon" target="_blank">favicon</a>
このタグの赤字の部分が 自分のブログのfavicon.ico の URL になります。これを linkタグに記入します。
  <link rel = "shortcut icon" href="自分のfavicon.ico の URL ">
このコードをSeesaaブログのHTMLファイルの<HEAD>〜</HEAD>の間に書き込み保存するとすべて完了です。
※マイブログ→デザイン→HTML でHTMLソースの編集ができます。

まとめてみると
画像の作成 →画像をファビコンファイル(favicon.ico)に変換 → サーバーにアップロード →
HTMLファイルの<HEAD>〜</HEAD>に<link rel = "shortcut icon" href="アップロードした自分のfavicon.ico の URL ">を挿入の
流れで簡単に設置できます。
Favicon Japan!! -設置方法-も参考にしてください。
設置が完了してからブラウザで確認してみますと Mozilla FireFox はすぐにファビコンが表示されましたが
IE7では反映されていません。いろいろ調べてみますと、”ブックマークするタイミングでfaviconが付くそうです。
そして、キャッシュされてから表示されるようなので、 表示されるのに時間が掛かるようです。”との事です。
当方も,あっちこっち,いじくっている内に IE7 で表示されるようになりました。がどの段階で表示されるようになったのか未確認です。

posted by javaScript at 14:40 | 大阪 ☔ | Seesaaブログ カスタマイズ | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。