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

ブログカスタマイズもあれこれやってきましたが、今回はフッターの簡単カスタマイズに挑戦してみました。お手本にしたのは身近なところで、シーサーブログ管理画面の下の方のやつです。

フッターのブログカスタマイズのポイント

フッターのブログカスタマイズのポイントとしては、やっぱり、マルシーが入ってるとかっこいいなって思います。あと、2008 うんぬんリザーブドみたいなのにしたらおしゃれなフッターになるっぽいです。

1. インラインでのリスト表示
2. リストの間に区切り線
3. 小さめのフォントサイズ
4. 概要ページには nofollow
5. 薄めの文字色
6. シーサーロゴと並べる(float指定)
7. マルシーでスタイリッシュに

Copyright とマルシーはおんなじ意味だと思うんで、わたしはあえてふたつ重ねませんでした。そもそも、ブログコンテンツに著作権があるのかないのかも不明ですが、いちおうお約束でつけてみました。

さらに、リンク先にブログ概要とか、サイトマップとかを設定し、nofollow を埋め込んで、リスト表示を css でインライン指定して、border-left も追加しておくと、区切ることができるみたいです。

文字はちいさめ 11px で薄めの色合いに仕上げてます。

ブログレイアウトによってまちまちなんで、役には立たないとは思いますが、このブログのフッター css を貼っときます。

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

楽天みたいにたくさんのページへリンクするのもいいとは思いますが、正直、ごちゃごちゃするのもなんだなって思うんで、シンプルな感じに仕上げるといいんじゃないかなって気がするんです。

このフッターカスタマイズで気づいたんですけど、ＩＥとＦＦでは段落のＰタグの表示のされ方が若干違うようなんです。

ＩＥの場合は縦に若干長めになってしまうようなんで、Ｐタグに margin:1em 0 1em 0; を指定して見るとだいたいおんなじ感じで表示されるようになりました。

ＩＥではマージンの相殺がなんとかって聞いたことがありますが、ひょっとしたらそれの関係なのかなって気もするんです。