リンクの貼り方：
目立たないリンク方法

相互リンクのタグを貼り付けたところ、目立ち過ぎて気になる、ということもあるかもしれません。そこで、文字の大きさや色を変えて目立たなくする方法を紹介します。スタイルシートを使えば可能です。

【注意！】文字を極端に小さくする、背景と文字の色を極端に近づける、などの行為は、検索エンジンからスパム判定されることがあると言われています。極端すぎることはやめましょう。

今ここでは事例として、リンクしたいサイトが２つあり、フッターに２サイト並べて挿入する方法を説明します。

▼トップページに以下のタグを追加
（リンクを<div class="sougolink">と</div>とではさむ）
-------------------------------------------------
<div class="articlelink">
<a href="http://abcd.jp/">相互リンク集</a>
<a href="http://efgh.com/">サイト登録</a>
</div>
-------------------------------------------------

▼スタイルシートに追加
-------------------------------------------------
.sougolink {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	font-size: 12px;
	color: #666666;
	text-align: center;
}
.sougolink a{
	color: #666666;
	text-decoration: none;
}
-------------------------------------------------

以上でリンク文字がグレーになって、アンダーラインも消えます。
フォント（文字）サイズも１２ピクセルなので、
それほど大きくありません。

文字の基本的な条件は、スタイルシートの
.sougolink {
以下の部分で指定しています。

リンクした文字のみの特徴は
.sougolink a{
以下の部分で指定しています。

color:#666666;はグレー
text-decoration: none;は装飾無し（アンダーライン無し）
を意味しています。
ＨＯＭＥへ戻る