フッターとはページの一番下の 著作権表記とか
トップページへのリンクが貼られている部分です。
今回は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 %>はブログのタイトルです。
2009年01月14日
seesaa ブログ フッターのカスタマイズ
スポンサード リンク
2008年08月30日
ファビコンの設置 Seesaaブログ カスタマイズ
スポンサード リンクファビコンをSeesaaブログに設置してみました。
Favicon（ファビコン）とはFavoriteicon（フェイバリット・アイコン）の略語で、
お気に入りのアイコンということでしょうか。。
ブラウザのアドレスバー、ブックマーク(お気に入り)リストやタブブラウザの
タブに表示される小さなアイコンです。
ファビコンの作り方
- 画像を作成します。
- ファビコンのサイズは16×16pxなのでこのサイズで作っておくと画質が変わらなくて良いでしょう。できた画像はGIFあるいはPNG形式で保存して置きます
- ファイル転換
- 保存してある画像をファビコン用のファイルに変換します。ファイル変換には
Favicon Japan!! -ファビコン作成方法- を使わせて頂きました。
当サイトにて自動生成できる・・・・・ 項目にある
から先ほど保存した画像を選択して ボタンを押すと- favicon.ico が作成されPreview
が表示されますhttp://yoursitedomain ▼
確認後 自サイトにダウンロードすればこれで完了です。 - favicon.ico が作成されPreview
- Seesaaブログでの設置の仕方
- まず ファビコンファイル（favicon.ico）をサーバーにアップロードします。
Seesaaブログでは マイブログ→記事投稿→ファイルマネージャ 内のアップロード、ファイルの追加で
ボタンを押して 先ほどダウンロードしたファビコンファイル（favicon.ico）を選択し、
必要な項目を選択,入力してアップロードします。
当ブログでは、タイトルを(favicon),ディレクトリを(icon)としました。- ファイルマネージャ 内のファイル一覧でタイトルにつけた名前(favicon)のファイルを確認してHTMLタグのコピーを行います
<a href="https://javascript123.up.seesaa.net/icon/favicon.ico" alt="favicon" target="_blank">favicon</a>
このタグの赤字の部分が 自分のブログのfavicon.ico の URL になります。これを linkタグに記入します。
このコードをSeesaaブログのHTMLファイルの<HEAD>〜</HEAD>の間に書き込み保存するとすべて完了です。
※マイブログ→デザイン→HTML でHTMLソースの編集ができます。 - ファイルマネージャ 内のファイル一覧でタイトルにつけた名前(favicon)のファイルを確認してHTMLタグのコピーを行います
まとめてみると
画像の作成 →画像をファビコンファイル（favicon.ico）に変換 → サーバーにアップロード
→
HTMLファイルの<HEAD>〜</HEAD>に<link rel = "shortcut
icon" href="アップロードした自分のfavicon.ico の URL ">を挿入の
流れで簡単に設置できます。
Favicon Japan!! -設置方法-も参考にしてください。
設置が完了してからブラウザで確認してみますと Mozilla FireFox はすぐにファビコンが表示されましたが
IE７では反映されていません。いろいろ調べてみますと、”ブックマークするタイミングでfaviconが付くそうです。
そして、キャッシュされてから表示されるようなので、 表示されるのに時間が掛かるようです。”との事です。
当方も,あっちこっち,いじくっている内に IE7 で表示されるようになりました。がどの段階で表示されるようになったのか未確認です。
