2006年05月07日

SeeSaaブログのテキストやリンクの色・カスタマイズ編

米国の若者は地図音痴=7割が北朝鮮の位置知らず

って、私は別に驚かないです(^_^;)

生徒との会話で「アメリカの首都はどこ??」

「パリ!!」なんて、普通ですから(´∀`;)



------------------

では、本題行きます。

今日のお題は

SeeSaaブログ全体のテキストやリンクの色を変えてみましょう!!



ブログでアフィリエイトする場合に、ブログの文字が読みづらいのは

致命的です!!



まずは基本のポイント。

皆さんが読んでいて、一番安心できる文字の色は、黒。

一番「ここはリンクだぞ」と分かるのが「青に下線」。




他は、色々変化させても、この2つは固定した方がいいと思います。




では、SeeSaaブログのカスタマイズ方法について。

「デザイン」→「スタイルシート」をクリック

すると、以下のような記述が出てきます。

-------------------------------

body {
font-family: Arial, Helvetica, sans-serif;
background-image:url(https://blog.seesaa.jp/img/bg/blue/bg.gif);
background-repeat:repeat-x;
background-color:#CBDBE1;
margin:0px;
padding:0px;
text-align:center;
}
#container{
margin:0px auto 0px auto;
width:800px;
background-image:url(https://blog.seesaa.jp/img/bg/blue/blog_bg.gif);
background-repeat:repeat-y;
color:#000000;←ここで全体の文字の色が設定されます!!!
}
a{
color:#3333ff;←ここで全体のリンクの色が設定されます!!!
}
h1 {
margin:0px;
padding-top:25px;
font-weight:bolder;
font-size:24px;←ここでタイトルの文字の大きさが調節できます!!!
}

----------------------------------

とりあえず、以上の部分が変更できると、かなり記事の読みやすさが

変わってくるはずです。

カラーコード値は、ここで実際に見ながら

決定していくといいでしょう。

とても役に立ちます。

「カラーコード HTML・ CSS 色指定用」
↓   ↓

http://www.shoshinsha.com/hp/color/color.html


タイトル文字については、最初20px(ピクセル)が多いようですが、

もう少し大きくしたい場合は数字を増やしましょう。



ではまた(^_^)/


posted by シマザキ at 20:50| Comment(0) | TrackBack(0) | アフィリの小技(^〜^;)ゞ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス: [必須入力]

コメント: [必須入力]


この記事へのトラックバック
×

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