-> Seesaa ブログ、LISTOP広告導入のお知らせ
amazonとかほど収入がいいわけじゃないけど、普通に文章を書いてるだけでキーワードに対してリンクをつけてくれるので何も考えずにおこづかい程度は稼げるかも。
ただ自分でつけたリンクなのかアフィリエイトのリンクなのか区別がつきづらい。
稼ぐにはそっちの方がいいのだろうけど、文章がリンクだらけになって見づらかったりする。
そこでアフィリエイトへのリンクだけちょっと表示を変えてみる。スタイルシートを使用!
アフィリエイトへのリンクは、class="affiliate-link" が付いているのでこれを利用するわけですよ。非常に簡単。
自分は普通のリンクは破線の下線、アフィリエイトへのリンクは灰色の下線で区別してみる。
a:link.affiliate-link,
a:visited.affiliate-link,
a:active.affiliate-link,
a:hover.affiliate-link{
text-decoration: none;
border-bottom:1px solid #999999;
}
a:visited.affiliate-link,
a:active.affiliate-link,
a:hover.affiliate-link{
text-decoration: none;
border-bottom:1px solid #999999;
}
青い文字の箇所に、区別したいスタイルを記入。
リンクを赤文字で表示したい場合は
color:#ff0000;
文字を灰色の背景で塗りつぶしたい場合は
text-decoration: none;
background-color:#cccccc;
とすればOK。
リンクであることすら隠したい場合は
text-decoration: none;
color:#000000;
とすればいいけど、アフィリエイトの意味がなかったりして。

そんな隠しコマンド(?)があったとは…。
今度、試してみようと思います。
簡単なので是非!